角度引導活動菜單項

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路由器已經有了這個功能內置在使用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()，而不是檢查平等