Angular ng-if = “” dengan beberapa argumen

94

Saya mencoba untuk memulai pengembangan sudut. Dan setelah meninjau dokumentasi, beberapa pertanyaan tetap ada. Bagaimana cara terbaik saya menulis a ng-ifdengan beberapa argumen yang sesuai

if( a && b) atau if( a || b )

javascript angularjs angular-ng-if

— David Karlsson
sumber

157

Itu mungkin.

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

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

— javaCity
sumber

9

Untuk orang yang ingin melakukan pernyataan if dengan beberapa nilai 'atau'.

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

— Brendan Metcalfe
sumber

apa dua titik di depan? Bukankah seharusnya itu berhasil tanpa mereka dan tanda kurung? Berdasarkan contoh javaCity, ini bahkan tidak berfungsi plnkr.co/edit/qdIysgbxtEUVB2WMJa1i?p=preview

— Stefan

titik-titik adalah sintaks Angular untuk pengikatan satu kali (sebagai lawan dari dua arah)

— Brendan Metcalfe

4

Hanya untuk memperjelas, perhatikan penempatan braket itu penting!

Ini dapat ditambahkan ke tag HTML apa pun ... span, div, table, p, tr, td dll.

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

Praktik terbaiknya adalah tidak melakukan penghitungan secara langsung dalam ngIfs, jadi tetapkan variabel di dalam komponen Anda, dan lakukan logika apa pun di sana.

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

— Chris
sumber

3

Iya itu mungkin. misalnya checkout:

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