Angularjs Bootstrap手风琴示例[关闭]答案

【问题标题】：Angular JS Bootstrap Accordian Example [closed]Angularjs Bootstrap手风琴示例[关闭]
【发布时间】：2013-01-11 20:13:20
【问题描述】：

谁有 Accordian 与 Bootstrap 结合的 Angular JS 实现（指令）的好例子？

有几个例子，没有一个很好用......

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

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

【问题讨论】：

您能否详细说明这些指令中缺少的内容？我对angular-ui.github.com/bootstrap/#/accordion 的反馈特别感兴趣
它实际上加载和工作没有错误，然后在下一个（以及每个后续）视图转换（路由调用）时抛出错误。
@blesh - 你应该感觉不好 :-) 但现在你有机会做得更好 - 只需为项目做出贡献 :-)
@rob - 你在 Angular 1.0.3 中遇到了一个错误 - 它已在 master 中修复，但我们需要等待新版本 :-( 它已在此 PR github.com/angular/angular.js/commit/… 中修复，所以你可以猴子补丁AngularJS或从code.angularjs.org/snapshot获取最新快照。对于（a）我不确定你的意思......很乐意添加/扩展任何需要的东西，但不确定这里缺少什么...... . 如果你能在 angular-ui 邮件列表上开始讨论，那就太好了。
@pkozlowski.opensource - 谢谢，我抓住了code.angularjs.org/snapshot/angular.min.js，它不仅解决了问题，而且现在 Angular 似乎运行得更快了！

标签： javascript twitter-bootstrap angularjs

【解决方案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，但 1.0.3 中有一个错误已在 https://github.com/angular/angular.js/commit/d6da505f4e044f8a487ac27a3ec707c11853ee0a 中修复但尚未发布。在 1.0.4 发布之前，您可以使用 AngularJS 的错误修复版本的快照：http://code.angularjs.org/snapshot/

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

【讨论】：

完美，谢谢。关于我之前的评论 (a)，我只是断言所有 angular-ui/bootstrap 示例与 ng-repeat 结合使用的用例非常有限，因为没有动态/样式功能。