0

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>

または、このタイプのテンプレートを適切に処理する方法について他に何か提案はありますか?

質問が十分に明確であることを願っています。

助けてくれてありがとう

4

1 に答える 1