我正在使用angular-ui-router,並且遇到空標籤問題,如href ='#'。我正在使用引導程序,這使得廣泛使用href ='#'作爲下拉菜單等。問題在於,如果用戶選擇下拉項目,那麼路由器會將其解釋爲狀態更改,在本例中是指主頁。Angular-ui-router和href ='#'
有沒有一種簡單的方法來阻止這種行爲,而不必訴諸改變所有的href ='#'到href =''。
我正在使用angular-ui-router,並且遇到空標籤問題,如href ='#'。我正在使用引導程序,這使得廣泛使用href ='#'作爲下拉菜單等。問題在於,如果用戶選擇下拉項目,那麼路由器會將其解釋爲狀態更改,在本例中是指主頁。Angular-ui-router和href ='#'
有沒有一種簡單的方法來阻止這種行爲,而不必訴諸改變所有的href ='#'到href =''。
只需從錨標記中完全刪除href標記。沒有它,它仍然是一個完全有效的標籤。
或者,如果您目前在錨標記中使用ui-sref
,則實際上可以使用href
屬性來轉到狀態映射到的路由。
謝謝,這是我最終做的。 – 2014-08-28 23:31:46
爲什麼有人低估我的答案?謹慎給出解釋? – adam0101 2014-09-02 14:24:09
謝謝你的回答 – 2014-10-29 13:56:55
你可以使用這個,所以你可以保留鏈接,並基本一籌莫展的時候,它的點擊
<a ui-sref="state" href="javascript:void(0);">Your link</a>
I have used your code like below which works Your link – 2015-02-06 05:01:14
我用這個:
<a href-void>Click me! I don't do anything, but i'm still a link!</a>
你就不能刪除href屬性完全?當我使用引導和角度時,它適用於我。 – adam0101 2014-08-28 15:28:38
是的,那是安全的跨瀏覽器嗎?我想是的,但只是想確定。 – 2014-08-28 15:40:26
有趣的一面是,基本的角度路由器不這樣做。 – 2014-08-28 15:42:51