Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Does anyone have a good example of an Angular JS implementation (directive) of Accordian in conjunction with Bootstrap?
There are a few examples out there, none of which work very well…
https://github.com/angular-ui/bootstrap/tree/master/src/accordion
So, the implementation I would recommend is this one: 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
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/d6da505f4e044f8a487ac27a3ec707c11853ee0a but 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/
Disclaimer: I’m part of this project so I’m biased “by design”.