Angular -ui-router и href= '#'
Я использую angular -ui-router и имею проблему с пустыми тегами, например href= '#'. Я использую bootstrap, который широко использует href= '#' для выпадающих списков и т.д. Проблема заключается в том, что пользователь выбирает выпадающий элемент, а затем маршрутизатор интерпретирует это как изменение состояния, которое в данном случае относится к домашней странице.
Есть ли простой способ остановить это поведение, не прибегая к изменению всех href= '#' на href= '..
Ответы
Ответ 1
Просто удалите тег href полностью из тега привязки. Он по-прежнему является абсолютно допустимым тегом без него.
Или если вы используете ui-sref
в теге привязки, вы можете фактически использовать атрибут href
, чтобы перейти на маршрут, на который сопоставлено состояние.
Ответ 2
вы можете использовать это, так что вы можете сохранить ссылку и в основном ничего не делать при нажатии
<a ui-sref="state" href="javascript:void(0);">Your link</a>
Ответ 3
Я использую это:
<a href-void>Click me! I don't do anything, but i'm still a link!</a>