javascript - 使用 AngularStrap 的响应式导航栏折叠动画

Question

我正在尝试重新创建可折叠的 Bootstrap responsive navbar使用 AngularStrap。

这里是 plunker :

<div class="navbar navbar-inverse">
  <div class="container" bs-collapse start-collapsed="true">
      <div class="navbar-header">
          <button class="navbar-toggle" type="button" bs-collapse-toggle>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
          </button>
      </div>
      <div bs-collapse-target>
          <ul class="nav navbar-nav">
              <li>
                  <a href="#">Link</a>
              </li>
              <li>
                  <a href="#">Link</a>
              </li>
          </ul>
      </div>
  </div>
</div>

bs-collapse 指令非常适合 Bootstrap navbar，但它不支持开箱即用的折叠动画。

如何实现？

有没有办法按照 Bootstrap 工作流程并利用其 .collapsing 来执行此操作？动画而不是重新发明轮子(但使用它的简单 LESS/SASS 混合也很好)？

Answer 1

要使动画正常工作，您可能需要包含 angular-motion 和属于 angular-motion package 一部分的 angular-motion.min.css 文件.对 CSS 文件的引用不是主要文档的一部分。当我遇到类似问题时，我很确定我在 StackOverflow 上找到了对它的引用。