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

前端之家收集整理的这篇文章主要介绍了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’)开头的活动类,

猜你在找的Angularjs相关文章