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

您可以将 {{}} 与表达式一起使用

标记

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

. 将创建自己的状态路由，因此当点击它时，它不会重定向到任何地方。

希望对您有帮助，谢谢。