AngularJS mit Bootstrap Tabs in Konflikt

Question

ich die JavaScript Bootstrap 3 Tabs bin mit so dokumentiert, wie folgt aus:

<!-- Nav tabs --> 
<ul class="nav nav-tabs" role="tablist"> 
    <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li> 
    <li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li> 
    <li><a href="#messages" role="tab" data-toggle="tab">Messages</a></li> 
    <li><a href="#settings" role="tab" data-toggle="tab">Settings</a></li> 
</ul> 

<!-- Tab panes --> 
<div class="tab-content"> 
    <div class="tab-pane active" id="home">...</div> 
    <div class="tab-pane" id="profile">...</div> 
    <div class="tab-pane" id="messages">...</div> 
    <div class="tab-pane" id="settings">...</div> 
</div> 

Aber mit kantigem, es ändert sich die URL zu/#/profile zum Beispiel ..

Wie kann ich das verhindern?

Answer 1

An einem Punkt, wenn ein Link das Attribut _target festgelegt hatte, würde eckig diese Klicks nicht abfangen. Vielleicht wird das in diesem Fall funktionieren?

Answer 2

Setzen Sie einfach data-target anstelle von href Attribut und es funktioniert, ohne Urls zu ändern.