UIルーターを使用して、私は6つの子状態を持つ抽象親状態を持っています。子状態は、親状態テンプレートのタブを使用してロードされます。 ng-class
を使用して、アクティブなタブを強調表示します。 $scope.active_tab
変数を設定して、ユーザーが新しいタブをクリックするたびにその変数を変更することはできますが、子ステートがURL経由で直接ナビゲートされている場合は機能しません。どのような子状態がアクティブであるかを抽象親状態にする方法を教えてください。
0
A
答えて
1
あなたがの親である抽象状態を持っている場合は関連するUI-SREF状態が
<ul>
<li ui-sref-active="active" class="item">
<!-- ... -->
</li>
<!-- ... -->
</ul>
0
アクティブになっているときに、要素にクラスを追加することができますUI-SREFアクティブディレクティブを使用することができます抽象状態とそのコントローラーが最初ににロードされると、親状態のロードが完了した後に子状態がロードされます。
親コントローラでは、$ stateChangeSuccessイベントをリッスンしてロジックを実行できます。
$scope.$on('$stateChangeSuccess', function (event) {
// perform your logic here
});
関連する問題
- 1. React:Higher Orderコンポーネント:子供の状態を教えてください
- 2. GPars - 俳優がビジー状態であるかどうかを知る方法を教えてください。
- 3. カスタム状態を別の状態に依存させる方法を教えてください。
- 4. ui-routerでstateHelperを使用するユーザーが子である状態 ''から 'app.user.home'を解決できません抽象的な状態のアプリケーション抽象状態
- 5. localStorageに状態を保存する方法を教えてください。
- 6. 状態を別のコンポーネントに渡す方法を教えてください
- 7. 還元状態が別の状態を変更する理由を教えてください。
- 8. ui-routerの現在の状態が抽象的な状態の子であるかどうかをチェックする方法
- 9. ui-routerの状態遷移と親抽象状態からの解決
- 10. どのように電子状態で電子状態をチェックしますか?
- 11. ワークフローが完了した状態になる前に、状態マシンのワークフローからデータを取り出す方法を教えてください。
- 12. 子状態から親状態に変数を渡す方法AngularJs ui-router
- 13. リソースマネージャーがスタンバイ状態からアクティブ状態に遷移しない
- 14. jspのtogglzのアクティブ状態と非アクティブ状態をチェックする方法は?
- 15. AngularJSで親状態を更新せずに子状態をロード
- 16. ui-routerは抽象的な親から子状態に移行しません
- 17. なぜ「抽象的な:真」状態にURLを与えるのですか?
- 18. ドラフトエディタ状態の親状態を更新していますか?
- 19. MaterialUIとReduxを使用して、TextFieldの変更を状態にする方法を教えてください。
- 20. デザインパターン:Railsの子状態からの親の集約状態
- 21. ログインしているユーザーの状態に応じて表示方法を教えてください。
- 22. 子供から親に状態を取得する方法
- 23. Angular2 Routerに抽象状態がありますか?
- 24. データアクセス層に現在のアプリケーション状態を認識させる方法を教えてください。
- 25. iPhoneアプリケーションがアクティブ状態から非アクティブ状態に遷移する
- 26. どのようにTextBoxのアクティブな状態にスタイルを与えますか?
- 27. 状態が返されている状態でNULLを返す
- 28. データパワーオブジェクトをgoto pending状態にする要因とその解決方法を教えてください。
- 29. 親状態を更新する子メソッド
- 30. 状態ui-routerの状態でライブラリを注入してください。
$ state.current.nameに基づいてng-classを設定します。 – SaiUnique