Birden fazla bağımsız değişken içeren açısal ng-if = ""

96

Açısal geliştirmeye başlamaya çalışıyorum. Belgeleri inceledikten sonra bazı sorular devam ediyor. En iyi nasıl ng-ifbirden çok argümana karşılık gelen bir a yazabilirim?

if( a && b) veya if( a || b )

javascript angularjs angular-ng-if

— David Karlsson
kaynak

160

Bu mümkün.

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

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

— javaCity
kaynak

9

Birden çok 'veya' değer içeren if ifadeleri yapmak isteyenler için.

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

— Brendan Metcalfe
kaynak

öndeki iki nokta nedir? Onlar ve parantezler olmadan çalışması gerekmez mi? JavaCity örneğine göre, bu plnkr.co/edit/qdIysgbxtEUVB2WMJa1i?p=preview

— Stefan

noktalar, Angular'ın tek seferlik (iki yönlü) bağlama için sözdizimidir

— Brendan Metcalfe

5

Sadece açıklığa kavuşturmak için, dirsek yerleşiminin önemli olduğunu unutmayın!

Bunlar herhangi bir HTML etiketine eklenebilir ... span, div, table, p, tr, td vb.

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

Hesaplamaları doğrudan ngIfs içinde yapmamak en iyi uygulamadır, bu nedenle bileşeninizdeki değişkenleri atayın ve orada herhangi bir mantık yapın.

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

— Chris
kaynak

3

Evet mümkün. örneğin ödeme:

<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>

— Vithal Reddy
kaynak