ng-ifの複数の条件を確認する

Question

ng-ifの4つの条件をブール条件とする必要があります。それらのいずれかが真である場合、私はいくつかのdivを表示する必要があります。

どうすればいいですか？一般に

<div ng-if="ctrl.survivor || ctrl.doctor || ctrl.patient || ctrl.beneficiary"> 
<div ng-bind-html=" {{ myContent }}"> 
</div> 
</div> 

Answer 1

、角度表現の内部複雑なロジックは、コードのにおいである：

一般に

をテストするために

ハードをデバッグする

ハードを読み取るためのハード

• 私はブール論理を避けようとするか、あるいは私が書いたり書いたレビューの複雑さを表す何かを避けようとしています。その代わりに、ロジックをコントローラメソッドに抽出し、コントローラメソッドを直接呼び出すことをお勧めします。これにより、素敵な単位テストを書くこともできます。コントローラでは

  <div ng-if="ctrl.isApplicable()"> 
      <div ng-bind-html=" {{ myContent }}"></div> 
  </div> 
  

  ：：私が推薦する最終的なコードは次のようになりますが、コントローラで関数内のロジックを置くことができ

  class Ctrl { 
      ...  
      isApplicable() { 
      return survivor || ctrl.doctor || ctrl.patient || ctrl.beneficiary; 
      } 
      ... 
  }