7

На угловом-ui-bootstrap demo/docs page директивы accordion и collapse оба анимируются при нажатии на элемент.Angular-ui-bootstrap аккордеон и коллапс анимация не работает

Однако анимации не работают в демонстрациях plunker, также найденных на этой странице. Является ли какая-то зависимость отсутствующей или это возможная ошибка?

(проверено в хром/светлячок)

UPDATE:

Я обновлен до версии 0.14.3 на 2015-10-29 и теперь здорово все работает. Спасибо команде angularUI за всю тяжелую работу!

+3

Это не ошибка, на версии 0.13 вам необходимо включить ' ngAnimate' в вашем приложении. Кроме того, plunkers работают с анимацией – svarog

ответ

6

Существует ошибка в версии 0.13 от начальной загрузки-интерфейса Просто вернуться к 0.12, как показано ниже:

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

+0

Правильно! Я был на версии 0.13. Спасибо за помощь. – Patrick

+0

Ответ, предоставленный @mvermand ниже, теперь правильный. –

19

В версии 0.13, вам необходимо включить ngAnimate в приложении:

  1. bower install angular-animate --save
  2. Добавить ссылку на скрипт index.html (Например, с grunt wiredep):

    <script src="vendor/angular-animate/angular-animate.js"></script> 
    
  3. Добавьте ссылку на модуль к вашему угловому применению, например:

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

Я. В то время я был включен. Это была внутренняя проблема с версией 0.13.xx, которая с тех пор была решена. – Patrick

+0

После добавления ngAnimate он начал работать для меня. Я использую http://angular-ui.github.io/bootstrap/versioned-docs/0.13.3/#/accordion –

Смежные вопросы