Hash conflict with ng-router

Question

I am using ng-router and also Bootstrap tabs which are by default mapped with div IDs. Angular is treating tab links as routes and attempts to route them instead of opening up tabs? How do i tell angular that these links should be ignored or how do i implement tabs so that i don't have to use IDs? I have many such Bootstrap widgets such as tabs, panels which use IDs.

Angular links are like:

#/lesson/223

and tabs links are like:

#collapsablePanel

Answer 1

you could use data-target attribute instead of href for your bootstrap tab element .