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

发布时间：2020-12-17 09:31:20 所属栏目：安全来源：网络整理

导读：AngularJS是否以任何方式帮助在当前页面的链接上设置活动类？我想象有一些神奇的方式这样做，但我似乎找不到。我的菜单看起来像： ul lia class="active" href="/tasks"Tasks/a lia href="/actions"Tasks/a /ul 我有我的路由中的每个控制器：TasksControll

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’)开头的活动类，

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!