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; 
    } 
    ... 
}