Angolare ng-if = "" con più argomenti


94

Sto cercando di iniziare con lo sviluppo angolare. E dopo aver esaminato la documentazione alcune domande persistono. Come scrivo al meglio un ng-ifcon più argomenti corrispondenti a

if( a && b) o if( a || b )

Risposte:



9

Per le persone che desiderano eseguire istruzioni if ​​con più valori "o".

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

quali sono i due punti davanti? Non dovrebbe funzionare senza di loro e le parentesi? Sulla base dell'esempio di javaCity, questo non funziona nemmeno plnkr.co/edit/qdIysgbxtEUVB2WMJa1i?p=preview
Stefan

i punti sono la sintassi di Angular per l'associazione una tantum (al contrario di quella bidirezionale)
Brendan Metcalfe

3

Si è possibile. per esempio 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>

3

Solo per chiarire, tieni presente che il posizionamento delle parentesi è importante!

Questi possono essere aggiunti a qualsiasi tag HTML ... span, div, table, p, tr, td ecc.

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

È buona norma non eseguire calcoli direttamente all'interno di ngIfs, quindi assegna le variabili all'interno del tuo componente e applica la logica lì.

boolean check1 = Your conditional check here...
...
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.