I am having an issue when I try to run the following code in an AngularJS page.
<div class='panel-group' id=accordion'>
<div class="panel panel-default">
<h4 class="panel-title">
<a data-toggle='collapse' data-parent='#accordion' href='#collapseOne'>foo</a>
</h4>
<div id='collapseOne' class='panel-collapse collapse'>
<div class='panel-body'>
<p>foo</p>
</div>
</div>
</div>
</div>
The code is correct, but since Angular uses # as an anchor for the routine, when I click to toggle my accordion, it redirects me to my homepage. Is there any way I could prevent this ?
ps: I know there is a library ui-bootstrap for angularjs with a directive to handle accordion, I just would like to know if there is a way to solve my issue without it :).