twitter-bootstrap Angular JS Bootstrap 手风琴示例

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/14285932/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-21 16:05:26  来源:igfitidea点击:

Angular JS Bootstrap Accordian Example

javascripttwitter-bootstrapangularjs

提问by Robert Christian

Does anyone have a good example of an Angular JS implementation (directive) of Accordian in conjunction with Bootstrap?

有没有人有一个很好的例子来说明 Accordian 与 Bootstrap 的 Angular JS 实现(指令)?

There are a few examples out there, none of which work very well...

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

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

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

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

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

回答by pkozlowski.opensource

So, the implementation I would recommend is this one: http://angular-ui.github.com/bootstrap/#/accordion

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

It comes from the project that aims at rebuilding all the boostrap components as native AngularJS directives (this means no dependency on jQuery and no dependency on bootstrap's JavaScript). On top of it most of the directives have customizable templates which means that people can change directive's look and feel to their liking. For example, here are templates for the accordion: https://github.com/angular-ui/bootstrap/tree/master/template/accordion

它来自旨在将所有 boostrap 组件重建为原生 AngularJS 指令的项目(这意味着不依赖于 jQuery,也不依赖于引导程序的 JavaScript)。最重要的是,大多数指令都有可定制的模板,这意味着人们可以根据自己的喜好更改指令的外观和感觉。例如,这里是手风琴的模板:https: //github.com/angular-ui/bootstrap/tree/master/template/accordion

Warning: the http://angular-ui.github.com/bootstrap/requires 1.0.3 of AngularJS but there was a bug in 1.0.3 that was fixed in https://github.com/angular/angular.js/commit/d6da505f4e044f8a487ac27a3ec707c11853ee0abut not yet released. Till 1.0.4 is out you can use the snapshot of the bug-fix release of AngularJS: http://code.angularjs.org/snapshot/

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

Disclaimer: I'm part of this project so I'm biased "by design".

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