CODEWITHSUNDEEP
javascriptangularjstwitter-bootstraptabs
jM2.me
jM2.me

Reputation: 3969

How to prevent bootstrap tabs from interfering with angularjs routing?

When using AngularJS and bootstrap javascript tabs, I ran into an issue of where angularjs route would pickup href clicks. In a result, instead of showing a tab, route redirects to location of where tab button is lining to. In short, bootstrap javascript tab is not suppressing default action for tab clicks.

Upvotes: 1

Views: 1043

Answers (1)

Dimo
Dimo

Reputation: 89

Just add `target="_self"

See example:

<a href="#tab01"  target="_self" >
    <div class="tab-pane fade in active" id="tab01">show tab1</div>

Upvotes: 4

Related Questions