使用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

你可以使用{{}}表达式

标记

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

. 将创建自己的状态路由,所以点击它时,它将重定向没有位置.

希望这可以帮助你,谢谢.

Answer 2

有条件地创建ui-sref属性

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