創建時,例如,下拉菜單我使用鏈接上的#號切換下拉菜單。它適用於那些以及其他需要鏈接的地方,只需要做一些事情並保持在同一頁面上即可。Angular JS導航和#號
現在我使用的角度和我面臨的問題是,當我在鏈接上使用此標誌時,它認爲我引用的路線爲/
,以便應用程序進入第一個屏幕。
我該如何處理?
創建時,例如,下拉菜單我使用鏈接上的#號切換下拉菜單。它適用於那些以及其他需要鏈接的地方,只需要做一些事情並保持在同一頁面上即可。Angular JS導航和#號
現在我使用的角度和我面臨的問題是,當我在鏈接上使用此標誌時,它認爲我引用的路線爲/
,以便應用程序進入第一個屏幕。
我該如何處理?
據我所知,另一個「醜陋」的解決方法是把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; }
當涉及到可訪問性時,Angular-ui的解決方案有點問題。除非具有href屬性,否則默認情況下錨不可鍵盤訪問。 –
如果鏈接實際上不鏈接到任何東西,你應該使用的是看點擊風格'span'標籤。 – tymeJV
這是我之前沒有想到的一個很好的解決方案。非常感謝@tymeJV。 – user1620696