7

Nel caso angular-ui-bootstrap demo/docs page, le direttive accordion e collapse sono entrambe animate quando si fa clic su un elemento.Animazione di animazione e compressione Angular-ui-bootstrap non funzionante

Tuttavia le animazioni non funzionano nei demo plunker trovati anche in quella pagina. Manca qualche dipendenza o è un possibile bug?

(testato in cromo/firefox)

UPDATE:

ho aggiornato alla versione 0.14.3 sulla 2015/10/29 e tutto funziona benissimo ora. Grazie al team angularUI per tutto il duro lavoro!

+3

Questo non è un bug, alla versione 0.13 è necessario includere ' ngAnimate' nella tua applicazione. Inoltre, i plunkers stanno lavorando con l'animazione – svarog

risposta

6

C'è un bug nella versione 0.13 di bootstrap-ui basta cambiare di nuovo a 0,12 come di seguito:

<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.js"></script>

+0

corretta! Ero sulla versione 0.13. Grazie per l'aiuto. – Patrick

+0

La risposta fornita da @mvermand sotto è ora quella corretta. –

19

A partire dalla versione 0.13, è necessario includere ngAnimate nell'applicazione:

  1. bower install angular-animate --save
  2. Aggiungi riferimento script per index.html (Per esempio con grunt wiredep):

    <script src="vendor/angular-animate/angular-animate.js"></script> 
    
  3. Aggiungere il riferimento del modulo per l'applicazione angolare, per esempio:

    angular.module('app', ['ngCookies', 'ngRoute', 'ngSanitize', 'ngAnimate']); 
    
+0

Ya. Avevo ng-animate incluso al momento. Questo era un problema interno con la versione 0.13.xx che è stato risolto. – Patrick

+0

Dopo aver aggiunto ngAnimate ha iniziato a funzionare per me. Sto usando http://angular-ui.github.io/bootstrap/versioned-docs/0.13.3/#/accordion –