Stephan Grobler Stephan Grobler - 1 year ago 89
Javascript Question

AngularJS with bootstrap 3 accordion not working when included via ng-view

The problem is the following: As soon as I use the accordion in a view that is loaded in the ng-view directive, the accordion title clicks dont work correctly anymore

If the accordion is use in the page itself with no ng-view, the accordion works perfectly

Any clue to what Im missing?

Answer Source

The problem is that Bootstrap appends #according_name within a a tag. This triggers a AngularJS routing and due to route change test.html is loaded again on every click on accordian link.

Your options are to try to configure $locationProvider to use HTML5 mode with hashbag if it works


See some documentation here

Other would be to use angular-ui component but it has been not ported to support version 3 of bootstrap.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download