Angular-ui-bootstrap手风琴和折叠动画不起作用

时间:2015-08-05 18:21:07

标签: javascript css angularjs twitter-bootstrap angular-ui-bootstrap

在angular-ui-bootstrap demo/docs page上,accordioncollapse指令在点击某个项目时都会生成动画。

然而,动画在该页面上找到的plunker演示中不起作用。是否缺少某些依赖性或是否可能存在错误?

(在chrome / firefox中测试)

更新

我在2015-10-29更新为版本0.14.3 ,现在一切正常。感谢angularUI团队的辛勤工作!

2 个答案:

答案 0 :(得分:22)

从版本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应用程序,例如:

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

答案 1 :(得分:6)

bootstrap-ui版本0.13有一个错误 只需改回0.12,如下所示:

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