Angular routing overrides href behavior utilized by tab and collapse panel plugins

angularjs, javascript, twitter-bootstrap

Solution

As a workaround, instead of using `href="#targetDivId"`, Twitter Bootstrap allows `data-target="#targetDivId"` as an attribute, which solved my issue.

Here's the thread describing the issue: GitHub Issue

Problem

I'm using twitter-bootstrap for tabs and collapse panels. Both of these plugins work off of overriding hrefs. Sometimes - not consistently, the routeprovider will override the tab/collapse behavior and try to use it as a route. I would love a workaround for this issue, but have also added it as an issue on github A couple of suggestions of workaround implementations: - If .otherwise is not provided - do not touch any route that is not specifically configured. - add .ignore('path') to the routeProvider as a configuration option.

Original source