4 つの条件で角度を記述する必要がありng-switch
ます。
SO に関する他の回答の中には、ng-if
の代わりに使用することをお勧めするものがありng-switch
ます。
で試してみましたがng-if
、これが最善の方法だとは思いません。その理由を説明します。
基本的に、スコープ内にあるいくつかの変数に応じて、3 つの異なるアイコンを表示する必要があります。
私のテンプレートのコードは次のとおりです。
<div class="buttons">
<div ng-if="test.mMode==4 && test.kit==4 && test.react.on==true && test.act==1">
<i class="icon ion-man"></i>
</div>
<div ng-if="test.mMode==4 && test.kit==4 && test.react.on==false && test.act==1">
<i class="icon ion-man"></i>
</div>
<div ng-if="zone.iActivity==1">
<i class="icon ion-man"></i>
</div>
</div>
さて、私には、これは本当に面倒に見えます。また、すべての if ステートメントを繰り返し処理して true を出力するため、期待どおりに機能しません。
代わりに次のようなことをすることは可能ですか?
<div class="buttons" ng-switch="test.act && test.Mode && test.kit && test.react.on">
<div ng-switch-when="1 && 4 && 4 && true">
<i class="icon ion-man"></i>
</div>
<div ng-switch-when="1 && 4 && 4 && false">
<i class="icon ion-man"></i>
</div>
<div ng-switch-when="1"> //I need only the first condition to be true, I don't need the others.
<i class="icon ion-man"></i>
</div>
</div>
または、このタイプのテンプレートを適切に処理する方法について他に何か提案はありますか?
質問が十分に明確であることを願っています。
助けてくれてありがとう