angularjs – 如何突出显示当前菜单项？

AngularJS是否以任何方式帮助在当前页面的链接上设置活动类？

我想象有一些神奇的方式这样做，但我似乎找不到。

我的菜单看起来像：

<ul>
   <li><a class="active" href="/tasks">Tasks</a>
   <li><a href="/actions">Tasks</a>
 </ul>

我有我的路由中的每个控制器：TasksController和ActionsController。

但我不能找出一种方法绑定“活动”类上的链接到控制器。

任何提示？

视图

<a ng-class="getClass('/tasks')" href="/tasks">Tasks</a>

控制器

$scope.getClass = function (path) {
  return ($location.path().substr(0,path.length) === path) ? 'active' : '';
}

有了这个任务链接将有任何url以’/tasks'(例如’/ tasks / 1 / reports’)开头的活动类，

原文地址：https://www.jb51.cc/angularjs/147768.html