Angularjs Bootstrap手风琴示例

时间:2013-01-11 20:13:20

标签: javascript twitter-bootstrap angularjs

是否有人将Accordian的Angular JS实现(指令)与Bootstrap结合使用?

有一些例子,其中没有一个能很好地运作......

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

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

1 个答案:

答案 0 :(得分:5)

所以,我建议的实现是这个: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的错误修复版本的快照:http://code.angularjs.org/snapshot/

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