AngularUIのルーティングを使用していますが、ng-class="{active: current.state}"
を実行したいと思いますが、このような指示文で現在の状態を正確に検出する方法は不明です。指示内の現在の状態を検出する方法
答えて
はまた、あなたはUI-SREFアクティブディレクティブを使用することができます
、具体的には、ルートのチェックの角度-UIをチェックアウト:更新 http://angular-ui.github.io/ui-utils/
を:
この答えはUI-ルータの多くの古いリリースのためでした。より最近のリリース(0.2.5以上)では、ヘルパーディレクティブui-sref-active
を使用してください。詳細here。
オリジナル回答:
は、コントローラで$状態サービスが含まれます。このサービスは、スコープ内のプロパティに割り当てることができます。
例:
$state.includes('stateName');
このメソッドが返す:状態が現在アクティブであるかどう
$state.current.name
を確認するには:
$scope.$state = $state;
は、その後、あなたのテンプレートで現在の状態を取得します状態が含まれている場合は、それがネストされた状態の一部であってもtrueです。ネストされた状態のuser.details
で、をチェックした場合、trueを返します。あなたのクラスの例では
は、あなたがこのような何かをしたい:
<ul>
<li ui-sref-active="active" class="item">
<a href ui-sref="app.user({user: 'bilbobaggins'})">@bilbobaggins</a>
</li>
<!-- ... -->
</ul>
またはフィルタ: "stateName" | isState
&
ng-class="{active: $state.includes('stateName')}"
パラメータを持つ状態はどうでしょうか? –
https://github.com/angular-ui/ui-router/wiki/Quick-Reference#stateincludesstatename--params –
ui-routerを使用している場合は、$ state.is()を試してください。
あなたがそうのようにそれを使用することができます:
$state.is('stateName');
私のために働いたUI-SREFアクティブ指示されたの使用:として
<li ui-sref-active="{'active': 'admin'}">
<a ui-sref="admin.users">Administration Panel</a>
</li>
「tgrant59は2016年5月31日にコメントされました」というコメントの下にhereが見つかりました。
私はangle-ui-router v0.3.1を使用しています。
- 1. スレッドスタックの現在の状態を確認する方法
- 2. ハスケルソフトリアルタイムの現在の状態
- 3. Rails 4 - Statesman Gem - 現在の状態を定義する方法
- 4. iOSでコンパスのキャリブレーションスイッチの状態を検出する方法
- 5. Assembly Langauge X86のオーバーフロー状態を検出する方法
- 6. Unix上でマウスの状態を検出する方法
- 7. ProgressDialogの状態を検出する方法
- 8. androidの着信状態を検出する方法
- 9. FacebookのOpenIDサポートの現在の状態
- 10. バイコードの現在の状態は?
- 11. MS Surfaceの現在の状態
- 12. シリアライズとその現在の状態
- 13. アプリケーションの現在の状態を取得する方法はありますか?
- 14. ファイルバッファの現在の状態を確認する方法はありますか?
- 15. Doze状態の検出
- 16. ステージング領域の現在の状態を保存する方法は?
- 17. isStickyボタン現在の状態Android
- 18. iOS:現在のTableViewCellの現在のコントロールを指す方法
- 19. 現在のオーディオデバイスのボリュームを検出する方法
- 20. jQueryで現在のページのメディアタイプを検出する方法
- 21. bbv.Common.StateMachine(現在はAppccelerate.StateMachine)クラスから現在の状態を取得する方法は?
- 22. SAPI TTSエンジンがビジー状態のときの検出方法
- 23. Eclipse RCPアプリケーション - アプリケーションがアイドル状態のときの検出方法
- 24. 現在の状態の状態グループまたは実際の状態オブジェクトを簡単に取得する方法はありますか?
- 25. C#でページの現在の状態を取得するには?
- 26. 私のページの外にLikeボタンの状態を検出する方法
- 27. C#のテキストフィールドの以前の状態を検出する方法は?
- 28. JavaScriptの静的型検査の現在の状態は何ですか?
- 29. HTML選択要素のonChange()ハンドラのCTRLキー状態を検出する方法
- 30. 2つのオブジェクトに現在/アクティブな状態を追加する
現在の状態を確認しようとしていますが、必ずしもルートではありません – Webnet