どのような子状態がアクティブであるかを抽象親状態にする方法を教えてください。

Question

UIルーターを使用して、私は6つの子状態を持つ抽象親状態を持っています。子状態は、親状態テンプレートのタブを使用してロードされます。 ng-classを使用して、アクティブなタブを強調表示します。 $scope.active_tab変数を設定して、ユーザーが新しいタブをクリックするたびにその変数を変更することはできますが、子ステートがURL経由で直接ナビゲートされている場合は機能しません。

Answer 1

あなたがの親である抽象状態を持っている場合は関連するUI-SREF状態が

<ul> 
    <li ui-sref-active="active" class="item"> 
    <!-- ... --> 
    </li> 
    <!-- ... --> 
</ul> 

Answer 2

アクティブになっているときに、要素にクラスを追加することができますUI-SREFアクティブディレクティブを使用することができます抽象状態とそのコントローラーが最初ににロードされると、親状態のロードが完了した後に子状態がロードされます。

親コントローラでは、$ stateChangeSuccessイベントをリッスンしてロジックを実行できます。

$scope.$on('$stateChangeSuccess', function (event) { 
    // perform your logic here 
});