Навигация по сайту с помощью ui-sref, как удалить атрибут ui-sref, когда он недоступен

Question

Я настроил навигацию следующим образом, используя ng-repeat, который работает очень хорошо

<a ui-sref="{{link.Route}}" ng-click="clickLink(link)">
    <span class="title"> {{link.Text}} </span><span class="selected"></span>
</a>

Тем не менее, мои элементы навигации часто имеют подссылки, что означает, что родительская ссылка на самом деле не является навигационной ссылкой, она просто используется для расширения и просмотра подссылок. Но иногда это ссылка, и у нее нет вложенных ссылок для отображения.

Проблема в тех особых случаях, когда нет доступного состояния, мне нужно удалить ui-sref все вместе, потому что вообще не должно быть ссылки. Имея это, выдает 'Ошибка: недопустимое состояние ref' ''

Как мне удалить пользовательский интерфейс, когда состояние недоступно?

Answer 1

Вы могли бы использовать {{}} с выражением

наценка

ui-sref="{{expression ? '.childState' : '.'}}"

. создаст собственный маршрут состояния, поэтому при нажатии на него он не будет перенаправлен ни куда.

Надеюсь, это поможет вам, спасибо.

Answer 2

Условно создайте атрибут ui-sref

<a ng-attr-ui-sref="{{ link.Route ? link.Route : false }}">
    ...
</a>