2014-03-25 60 views
1

創建時,例如,下拉菜單我使用鏈接上的#號切換下拉菜單。它適用於那些以及其他需要鏈接的地方,只需要做一些事情並保持在同一頁面上即可。Angular JS導航和#號

現在我使用的角度和我面臨的問題是,當我在鏈接上使用此標誌時,它認爲我引用的路線爲/,以便應用程序進入第一個屏幕。

我該如何處理?

+0

如果鏈接實際上不鏈接到任何東西,你應該使用的是看點擊風格'span'標籤。 – tymeJV

+0

這是我之前沒有想到的一個很好的解決方案。非常感謝@tymeJV。 – user1620696

回答

1

據我所知,另一個「醜陋」的解決方法是把href =「javascript :;」以避免意外的導航。

完全刪除href,但當你mouseover你沒有指針。您需要將其添加到您的CSS,如UI Bootstrap頁面所述。

來源:http://angular-ui.github.io/bootstrap/

原始引導的CSS取決於空的href屬性的樣式 遊標幾個組成部分(分頁,標籤等)。但在 AngularJS添加空href屬性鏈接標記將導致 不需要的路由更改。這就是爲什麼我們需要刪除指令模板中的空白屬性,因此樣式不正確應用 。補救的辦法很簡單,只需添加以下 造型到應用程序:

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; } 
+0

當涉及到可訪問性時,Angular-ui的解決方案有點問題。除非具有href屬性,否則默認情況下錨不可鍵盤訪問。 –