javascript - 基于父状态的 ng-hide

标签 javascript angularjs angular-ui-router

我的主 Controller 中有一个导航栏,我想要一个基于 url 显示/隐藏的链接。我正在使用 ui-router 进行路由,所以我想我可以使用 $state 来获取当前状态的父状态,但我不知道如何。我之前已经这样做过以获得当前状态并且它有效

<li ng-hide="$state.current.name === 'new-sector'">
    <a ui-sref="new-sector">+ Add new sector!</a>
</li>

但现在,我正在处理嵌套状态,因此当前状态是 new-sector.location。 我的问题是我希望该链接隐藏在所有新部门子状态中!

在此先感谢您的帮助!

最佳答案

您始终可以使用 $state.includes(stateName) 来检查当前事件状态是否等于状态 stateName 或者是状态 stateName 的子级。

这是一个 example plnkr显示了 $state.includes 的用法。

有关 wiki 的更多详细信息

关于javascript - 基于父状态的 ng-hide,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25417757/

相关文章:

javascript - 如何将文本放置在垂直对齐的中间?

javascript - JavaScript 中的静态方法

javascript - 在 Reactjs 中使用样式化组件而不是 css 模块有什么好处

angularjs - 选中/取消选中所有复选框 - AngularJS ng-repeat

javascript - $stateParams 将值转换为字符串

javascript - AngularJS、ocLazyLoad 和 ui-router : How to load on demand without centralize 'state' on the main app. js 类

javascript - 添加数组索引时返回未定义

javascript - AngularJS UI-Select 标记不适用于 Google Chrome 中的新标记

javascript - 无法读取 AngularJS 中未定义的属性 'username'

javascript - 更改 AngularJS UI-Router 中的导航状态