href causes unintended page reload with Angularjs and Twitter Bootstrap

Question

I am working on a project that uses Angularjs and Twitter Bootstrap.

Bootstrap uses # to toggle components such as popover, modal etc. for example:

&         


        

Answer 1

I had similar issues, full page reload vs just view switching.

Because Angular apps are SAPs, we only update whatever comes after hostname/#/.

I instantiate a SuperController, kind of the application level controller and like Carlos V said, you can use ng-click instead of href to update $location.path().

Here's a fiddle link

Might not be the most optimal solution. Hope it helps.