javascript - Angular JS Bootstrap 手风琴示例

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/ 需要 AngularJS 的 1.0.3，但在https://github.com/angular/angular.js/中修复了 1.0.3 中的错误提交/d6da505f4e044f8a487ac27a3ec707c11853ee0a但尚未发布。在 1.0.4 发布之前，您可以使用 AngularJS 的错误修复版本的快照：http: //code.angularjs.org/snapshot/

免责声明：我是这个项目的一部分，所以我对“设计”有偏见。