2017-01-30 23 views
0

私はジュニアアンギュラの開発者です。私が作っているツールバーを実装する正しい方法を探しています。
現在、私のアプリケーションが持つ、多くのレベルで動作します:
部分レイアウトの角ツールバー

アプリ - 角度アプリケーション
と複数
app.subレベルのルート(S) - nestationの異なるレベルで。

ポイントは、私はいくつかの部分的な景色を眺めることができアプリモジュール(彼らはツールバーであることの1)であり、私の抽象アプリ状態の見解の下で私のコントローラで対処。

私は何をしたいことは、私のapp.subレベル(.state)

の状態に応じて(例えばappearenceボタンを「削除」の)私のコントローラのボタンの動作を変更することです

正しい方法は何でしょうか?
私は$ rootScopeの使用について読んだことがあります。これは、実際にはグローバル変数に近いため(私が理解している限り)示唆されていません。
サービスの使用についても読んだことがありますが、その中の変数を変更するだけでサービスは変更されません。

これは正しい方法がありますか?
事前に感謝して、長いポストに申し訳ありません、私はできるだけ説明することを試みています!

EDIT: は、私があまりにもボタンに異なる動作を割り当てる必要があり(両方ともNG-refと全体の機能)外観については

答えて

0

ng-classを使用しています。たとえば:そうsub-level.stateが0であるときdull、およびshiny

<button ng-class="{dull: sub-level.state==0, shiny: sub-level.state!=0}"> 
</button> 

この例では、ボタンの上にクラスを設定します。これらのクラスは、CSSで定義する必要があります。

sub-level.stateは、この例ではアクセシブル変数$scopeである必要があります。 (該当するコントローラに$scope.sub-level.stateが存在する必要があります)

これは、ボタンの外観に影響を与えます。何らかの式に基づいて実際に無効にしたい場合はng-disabledを見てください。

+0

実際には、別の振る舞いを割り当てる必要があることもあるので、行き先のパスやアクションを変更するためにいくつかの変数を渡す必要があります。 申し訳ありませんが私はambiguosされていると、あなたの答えをありがとう、確かに役立つでしょう – Tails128

関連する問題