使用AngularJS和CSS动画的手风琴

Question

使用Angular JS Animate和Css Animation,我试图创建一个类似于此处所见的bootstrap崩溃的展开/折叠(Accordion):http://getbootstrap.com/javascript/#collapse

我对可扩展项目有一个问题,它们根据扩展的"show"内容的高度来回弹出.请看我的Plunker以获得更多视觉效果

到目前为止我的工作:

var expandCollapseApp = angular.module('expandCollapseApp', ['ngAnimate']);

expandCollapseApp.controller('expandCollapseCtrl', function ($scope) {
    $scope.active = true;
    $scope.active1 = true;    
});

http://plnkr.co/edit/wBYsFM?p=info

Answer 1

您应该使用UI Bootstrap Accordion.该组件是用纯AngularJS编写的.