Angular ng-if = "" mit mehreren Argumenten

94

Ich versuche, mit der Winkelentwicklung zu beginnen. Und nach Durchsicht der Dokumentation bleiben einige Fragen offen. Wie schreibe ich am besten eine ng-ifmit mehreren Argumenten entsprechend

if( a && b) oder if( a || b )

javascript angularjs angular-ng-if

— David Karlsson
quelle

157

Es ist möglich.

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

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

— javaCity
quelle

9

Für Leute, die if-Anweisungen mit mehreren 'oder' Werten ausführen möchten.

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

— Brendan Metcalfe
quelle

Was sind die beiden Punkte vorne? Sollte es nicht ohne sie und die Klammern funktionieren? Basierend auf dem Beispiel von javaCity funktioniert dies nicht einmal. Plnkr.co/edit/qdIysgbxtEUVB2WMJa1i?p=preview

— Stefan

Die Punkte sind Angulars Syntax für die einmalige (im Gegensatz zur bidirektionalen) Bindung

— Brendan Metcalfe

3

Ja es ist möglich. Zum Beispiel Kasse:

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

3

Beachten Sie zur Verdeutlichung, dass die Platzierung der Klammern wichtig ist!

Diese können zu beliebigen HTML-Tags hinzugefügt werden ... span, div, table, p, tr, td usw.

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

Es wird empfohlen, Berechnungen nicht direkt in ngIfs durchzuführen. Weisen Sie daher die Variablen in Ihrer Komponente zu und führen Sie dort eine Logik aus.

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

— Chris
quelle