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>