角度路线和活动链接

Question

我正在尝试根据URL中的当前位置突出显示导航栏上的选定链接。 为此，我在navbar的控制器中编写了以下函数：

$scope.isActive = function(route) {
  return route === $location.path();
};

和在HTML我有这个：

<li ng-class="{active: isActive('/admin')}"><a href="/admin">Admin</a></li>

这对于简单的url效果很好，但对带有id和子路径的url效果不好。 我的意思是，如果我将URL作为“ item /：id”使用，则它在isActive函数中不匹配并且未突出显示，我也想针对多个子路线突出显示同一个li ，例如应该针对items ＆ items/:id突出显示item菜单和items/my 。 知道我该如何实现吗？

Answer 1

尝试这个

<li ng-class="{isActive('/admin')? 'active' : ''}"><a href="/admin">Admin</a></li>

要么

$scope.getActiveClass = function(route) {
  return (route === $location.path())? 'active' : '';
};


//in directive
<li ng-class="getActiveClass ('/admin')"><a href="/admin">Admin</a></li>