Directiva condicional NgIf en Angular 2

La directiva NgIf en Angular 2 nos permite hacer condiciones en nuestras plantillas.

En el siguiente ejemplo se mostrarán los datos en el caso de que la cantidad de elementos que tiene el array sea mayor o igual a 5.

<div *ngIf="peliculas.length >= 5">
    <h3>Primera pelicula harcodeada:</h3>
    <p>Pelicula: {{peliculas[0]["pelicula"]}}</p>
    <p>Director: {{peliculas[0]["director"]}}</p>
    <p>Año: {{peliculas[0]["anio"]}}</p>
</div>

No tiene mucho más misterio, es así de fácil.

Ejemplo completo NgIf, NgClass y evento click en Angular 2:

Más información:
https://angular.io/docs/ts/latest/guide/template-syntax.html#!#ngIf

Víctor Robles WEB

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post