Angular JS Bootstrap Accordian示例

Question

有没有人将Accordian的Angular JS实现(指令)与Bootstrap结合使用？

有一些例子,其中没有一个很好用......

https://github.com/angular-ui/bootstrap/tree/master/src/accordion

https://github.com/ganarajpr/Angular-UI-Components

Answer 1

所以,我建议的实现是这个:http://angular-ui.github.com/bootstrap/#/accordion

它来自于旨在将所有boostrap组件重建为原生AngularJS指令的项目(这意味着不依赖于jQuery而且不依赖于bootstrap的JavaScript).除此之外,大多数指令都有可自定义的模板,这意味着人们可以根据自己的喜好改变指令的外观.例如,以下是手风琴的模板:https://github.com/angular-ui/bootstrap/tree/master/template/accordion

警告:http : //angular-ui.github.com/bootstrap/需要1.0.3的AngularJS,但1.0.3中有一个错误已在https://github.com/angular/angular.js/中修复commit/d6da505f4e044f8a487ac27a3ec707c11853ee0a但尚未发布.直到1.0.4,你可以使用AngularJS的bug修复版本的快照:http://code.angularjs.org/snapshot/

免责声明:我参与了这个项目,所以我对"按设计"有偏见.