父页面的角度路由器导航高亮显示

Angular router nav highlighting for parent page

本文关键字：路由器 导航 高亮 显示      更新时间：2023-09-26

我有两个状态，ui路由器声明如下：

.state('news', {
  url: '/news',
  views: {
    '': {
      templateUrl: '/partials/common/news/list.html',
      controller: 'NewsIndexController as news'
    }
  }
})
.state('newsShow', {
  url: '/news/:slug',
  views: {
    '': {
      templateUrl: '/partials/common/news/show.html',
      controller: 'NewsShowController as newsShow'
    }
  }
})

我的导航栏在中只有一个news链接

<nav>
  <ul>
    <li>
      <a href="/news" ui-sref-active="active">News</a>
    </li>
  </ul>
</nav>

当我在个人新闻页面上时，如何在导航中获取新闻链接以使其处于活动状态？

您可以使用ng-class:

ng-class="{selected: $state.includes(state)}"

关于$state.includes的更多信息，请点击此处：http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.$state

希望这会有所帮助。

相关文章：