如何切換UI-SREF有效/無效鏈接UI路由器

Question

考慮以下幾點：

<ul> 
     <li id="dashboard" data-ui-sref-active="selected"> 
      <a data-ui-sref="home">Dashboard</a> 
     </li> 
<li id="jobs" data-ui-sref-active="selected"> 
     <a data-ui-sref="home.foo">Foos</a> 
     <ul> 
      <li data-ui-sref-active="selected"> 
       <a data-ui-sref="home.foo.foo1">Foo 1 list</a> 
      </li> 
      <li data-ui-sref-active="selected"> 
       <a data-ui-sref="home.foo.foo2">Foo 2 list</a> 
      </li> 
     </ul> 
    </li> 
</ul> 

問題是，如果用戶當前點擊另一個鏈接，這個「儀表板」鏈接狀態仍然有效。

我怎樣才能將狀態切換有效/無效的儀表盤，當用戶點擊或點擊另一個鏈接

更新：

我已經試過此UI-S REF-有源均衡器和它的工作，然而，我無法將此狀態設置爲活動狀態

Answer 1

這是因爲您處於您的home狀態的子狀態，因此它始終處於活動狀態。

使用ui-sref-active-eq代替

根據文檔：

將激活當UI-SREF的目標狀態或者子狀態處於活動狀態。如果你只需要當UI-SREF目標狀態是活動的，而不是任何它的孩子激活，則可以使用UI-S REF-活躍當量

編輯：Plnkr增加了參考。