javascript - hamburger - Responsive navbar colapsando la animación con AngularStrap

menu responsive html5

Question

Intento recrear la barra de navegación responsiva de Bootstrap plegable con AngularStrap.

Aquí está 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 directiva bs-collapse adapta a la navbar Bootstrap navbar bastante facilidad, pero no admite el colapso de la animación de la caja.

¿Cómo se puede hacer?

¿Hay alguna manera de hacer esto siguiendo el flujo de trabajo de Bootstrap y utilizando su animación de colapsar en lugar de reinventar la rueda (pero la simple combinación LESS / SASS que hace uso también está bien)?

Answer 1

Para que las animaciones funcionen, es posible que deba incluir angular-motion angular-motion.min.css archivo angular-motion.min.css que forma parte del paquete de movimiento angular . La referencia al archivo CSS no forma parte de la documentación principal. Estoy bastante seguro de que encontré referencias aquí en StackOverflow cuando tuve problemas similares.