angularjs - 使用 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，因为根本不应该有链接。有它会抛出'错误：无效的状态参考'''

当状态不可用时如何删除 ui-sref？

Answer 1

您可以使用{{}}with 表达式

标记

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

.将创建自己的状态路由，所以当点击它时，它不会重定向到哪里。

希望这可以帮助你，谢谢。

Answer 2

有条件地创建 ui-sref 属性

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