angularjs - 平均堆栈活动：$uiRoute 不工作

Question

我已经安装了MEAN 堆栈。

<!-- public/views/header.html -->
<li data-ng-repeat="item in menu" data-ng-show="global.user" ui-route="/{{item.link}}" ng-class="{active: $uiRoute}">

注意ui-route="/{{item.link}}" ng-class="{active: $uiRoute}"

当我做

/* public/css/common.css */

.active {
color: red !important;
}

当我在活动页面上时，菜单中的链接没有突出显示。如何突出显示我的当前页面？

如果突出显示不起作用，他们为什么要把 ui-route="/{{item.link}}" ng-class="{active: $uiRoute}" 放在那里？妄想？

更新

Mean.IO 的最新版本说明了这一点。它还使用最新版本的 Angular UI-Router

<li data-ng-repeat="item in menus.main" ui-route="/{{item.link}}" ng-class="{active: $uiRoute}">

Answer 1

你用的是什么版本的ui路由器？？？最新版本更容易让这种事情发挥作用。下载新版本，就这么简单：

<li data-ng-repeat="item in menu" data-ng-show="global.user" ui-sref="{{item.link}}" ui-sref-active="active">

Answer 2

将ui-sref-active="active"添加到 mean-token 标记中。

<ul class="navbar-nav nav">
  <li data-ng-repeat="item in menus.main" ui-route="/{{item.link}}" ng-class="{active: $uiRoute}">

      <a mean-token="item.link" ui-sref='{{item.link}}' ui-sref-active="active">{{item.title}}</a>
  </li>
</ul>

将 .active 类添加到 common.css

.active {
color: red !important;
}