切り替える方法UI-SREF

Question

は、次の点を考慮して、非アクティブ/アクティブリンクUI-ルータ：

<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-SREF-アクティブEQを試してみました、それは作業を行いこの状態をアクティブに戻すことができません

Answer 1

これはあなたがあなたのhome状態の子状態にあり、常にアクティブになっているためです。ドキュメントによると

使用ui-sref-active-eq代わり

：UI-SREFのターゲット状態または任意の子状態がアクティブである場合

がアクティブになります。参考のためにPlnkrに追加しました：あなたはUI-SREFターゲット状態がアクティブで、それのない任意の子どもがいたときにのみ有効にする必要がある場合は、UI-SREF-アクティブEQ

Editを使用します。