Directiva if en Angular
En Angular se puede hacer que una etiqueta
se muestre u oculte dependiendo
del valor de una variable. Para ello se aplica
la directiva especial *ngIf. Veamos
cómo trabajar con ella.
Para empezar, esta directiva debe importarse:
import {NgIf} from "@angular/common";
Y agregarla en la sección de imports en el decorador:
@Component({
.....
imports: [....., NgIf],
....
})
Supongamos ahora que tenemos la siguiente variable:
export class AppComponent {
public isAdmin: boolean = true;
}
Hagamos un div que se mostrará
si esta variable tiene el valor true:
<div *ngIf="isAdmin">
text
</div>
Y ahora hagamos que el div se muestre
si nuestra variable tiene el valor false:
<div *ngIf="!isAdmin">
text
</div>
Crea una propiedad isAdult. Muestra
un texto para adultos si en nuestra variable
hay un valor true.
