AngularJS與引導標籤

我使用的是JavaScript的引導3個標籤的記錄，像這樣互相矛盾：AngularJS與引導標籤

<!-- 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>

但隨着角，它的網址更改爲例如/＃/ profile文件..

我該如何預防？

來源

2014-09-28 Billy Assim

你使用Angular的路由嗎？ – 2014-09-28 00:33:18

是的，routeProvider – 2014-09-28 00:34:07

旁邊的問題：如果你使用的是Angular，而且你也使用bootstrap，爲什麼不使用angular bootstrap（http://angular-ui.github.io/bootstrap/）？ – Blaskovicz 2014-09-28 00:37:22

在某一點上，如果某個鏈接設置了_target屬性，則角度將不會攔截這些點擊。也許這會在這種情況下工作？

來源

2014-09-28 00:35:41 Blaskovicz

工作將在5分鐘內接受答案。 – 2014-09-28 00:36:42

加入target =「_ self」完美運作。感謝 – 2016-04-02 05:41:11

可怕，但它的工作！ – 2017-03-25 16:45:08

只要把data-target而不是href屬性，它會工作，而無需更改網址。

來源

2014-09-28 13:15:34 mgalic

我在使用wordpress主題時遇到了類似的問題。我使用引導程序將href用於標籤式導航。這個答案幫助了我。我將href改爲數據目標，並使標籤導航工作。像魅力一樣工作.. – 2014-12-18 17:31:35

Angular正在攔截我在引導程序導航標籤上設置的#hrefs。將href屬性更改爲data-target爲我修復了它！感謝mgalic！（雖然它讓我感到有些迷茫，現在我已經有標籤沒有href屬性：/哦） – Jupo 2015-03-05 07:58:41

偉大的解決方案。 @Jupo：如果你想在那裏有hrefs，以便鼠標光標有正確的樣式，你仍然可以。只需爲href設置一個空值，然後使用數據目標來執行實際的導航。有關更多信息，請參閱https://docs.angularjs.org/api/ng/directive/a。 – pbuchheit 2015-05-12 12:47:51

AngularJS與引導標籤

回答

相關問題