Angular ng-if = „” z wieloma argumentami

95

Próbuję rozpocząć rozwój kątowy. Po przejrzeniu dokumentacji wciąż pojawiają się pytania. Jak najlepiej napisać plik ng-ifz wieloma argumentami odpowiadającymi

if( a && b) lub if( a || b )

David Karlsson
źródło

Odpowiedzi:

9

Dla osób, które chcą zrobić, jeśli stwierdzenia z wieloma wartościami „lub”.

<div ng-if="::(a || b || c || d || e || f)"><div>
Brendan Metcalfe
źródło
jakie są dwie kropki z przodu? Czy nie powinno działać bez nich i wsporników? Na podstawie przykładu javaCity, to nawet nie działa plnkr.co/edit/qdIysgbxtEUVB2WMJa1i?p=preview
Stefan
kropki to składnia Angulara do jednorazowego (w przeciwieństwie do dwukierunkowego) wiązania
Brendan Metcalfe
4

Dla wyjaśnienia, pamiętaj, że umieszczenie nawiasu jest ważne!

Można je dodać do dowolnych tagów HTML ... span, div, table, p, tr, td itp.

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

Najlepszą praktyką jest nie wykonywanie obliczeń bezpośrednio w ngIfs, więc przypisz zmienne w swoim komponencie i wykonaj tam dowolną logikę.

boolean check1 = Your conditional check here...
...
Chris
źródło
3

Tak, to możliwe. na przykład do kasy:

<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
źródło