MEAN堆棧處於活動狀態：$ 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”添加到均值標記。

<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;
}