여러 인수가있는 Angular ng-if =“”

94

각도 개발을 시작하려고합니다. 문서를 검토 한 후에도 몇 가지 질문이 지속됩니다. 에 ng-if해당하는 여러 인수로 a 를 가장 잘 작성하는 방법

if( a && b) 또는 if( a || b )

javascript angularjs angular-ng-if

157

것이 가능하다.

<span ng-if="checked && checked2">
  I'm removed when the checkbox is unchecked.
</span>

http://plnkr.co/edit/UKNoaaJX5KG3J7AswhLV?p=preview

— javaCity
소스

9

여러 개의 'or'값이있는 if 문을 찾는 사람들을위한 것입니다.

<div ng-if="::(a || b || c || d || e || f)"><div>

— Brendan Metcalfe
소스

앞에있는 두 개의 점은 무엇입니까? 그들과 괄호 없이는 작동하지 않습니까? javaCity의 예에 따르면, 이것은 작동하지 않습니다 plnkr.co/edit/qdIysgbxtEUVB2WMJa1i?p=preview

— Stefan

점은 일회성 (양방향과 반대) 바인딩에 대한 Angular의 구문입니다.

— Brendan Metcalfe

4

명확히하기 위해 브래킷 배치가 중요합니다.

이는 HTML 태그 (span, div, table, p, tr, td 등)에 추가 할 수 있습니다.

AngularJS

ng-if="check1 && !check2" -- AND NOT
ng-if="check1 || check2" -- OR
ng-if="(check1 || check2) && check3" -- AND/OR - Make sure to use brackets

Angular2 +

*ngIf="check1 && !check2" -- AND NOT
*ngIf="check1 || check2" -- OR
*ngIf="(check1 || check2) && check3" -- AND/OR - Make sure to use brackets

ngIfs 내에서 직접 계산을 수행하지 않는 것이 가장 좋습니다. 따라서 구성 요소 내에 변수를 할당하고 여기에서 논리를 수행하십시오.

boolean check1 = Your conditional check here...
...

— 크리스
소스

3

예, 가능합니다. 예 : 체크 아웃 :

<div class="singleMatch" ng-if="match.date | date:'ddMMyyyy' === main.date &&  match.team1.code === main.team1code && match.team2.code === main.team2code">
    //Do something here
    </div>

— 비탈 레디
소스