Using bootstrap collapse with angularjs

Question

I\'m trying to include the below bootstrap collapsible panel in my angular application. However, when I click on \"Expand\", angular seems to see href=\"#collapseOne\"

Answer 1

You can use the accordion directive from AngularJS UI Bootstrap that builds on top of twitter bootstrap the collapse directive.

example:

 
    
      This content is straight in the template.
    
 

Live example: http://jsfiddle.net/choroshin/U89bW/3/