Angular ng-if = "" con múltiples argumentos

94

Estoy tratando de comenzar con el desarrollo angular. Y tras revisar la documentación persisten algunas dudas. ¿Cuál es la mejor manera de escribir unng-if con múltiples argumentos correspondientes a

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

javascript angularjs angular-ng-if

— David Karlsson
fuente

157

Es posible.

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

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

— javaCity
fuente

9

Para personas que buscan hacer declaraciones if con múltiples valores 'o'.

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

— Brendan Metcalfe
fuente

¿Cuáles son los dos puntos al frente? ¿No debería funcionar sin ellos y los soportes? Basado en el ejemplo de javaCity, esto ni siquiera funciona plnkr.co/edit/qdIysgbxtEUVB2WMJa1i?p=preview

— Stefan

los puntos son la sintaxis de Angular para el enlace único (en lugar de bidireccional)

— Brendan Metcalfe

4

Solo para aclarar, tenga en cuenta que la colocación del soporte es importante.

Estos se pueden agregar a cualquier etiqueta HTML ... span, div, table, p, tr, td, etc.

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 una buena práctica no hacer cálculos directamente dentro de ngIfs, así que asigne las variables dentro de su componente y haga cualquier lógica allí.

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

— Chris
fuente

3

Si es posible. por ejemplo, pago:

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