Question

我在主页上：

  <li ng-class="{ active: hello.isActive('/page1')}"><a ui-sref="root.content({store:hello.store_selected,product:hello.product_selected})" >page1</a></li>
  <li ng-class="{ active: hello.isActive('/page2')}"><a ui-sref="root.turnover({store:hello.store_selected,product:hello.product_selected})">page2</a></li>

每个路由都有两个控制器：Page1Controller和Page2Controller。我从中选择此代码的主页还有一个控制器：HelloController。我有我的helloController

  vm.isActive= function(viewLocation){
     return viewLocation ===$location.path();
   };

当我点击某个项目时，我会突出显示当前项目。但我有两个问题：当我点击页面上的任何其他位置时，当前项目不再突出显示。此外，在页面的开头或刷新页面时，我没有突出显示的项目。你能帮帮忙吗？谢谢

Answer 1

ui-router已经使用ui-sref-active

内置了此功能

<li ui-sfref-active="active"><a ui-sref="root.content({store:hello.store_selected,product:hello.product_selected})" >page1</a></li>

您的问题可能是路径不是绝对匹配，您可能应该使用indexOf()而不是检查是否相等

Angular bootstrap活动菜单项

1 个答案: