La directive if dans Angular
Dans Angular, il est possible de faire en sorte qu'une balise
soit affichée ou masquée en fonction
de la valeur d'une variable. Pour cela, on utilise
une directive spéciale *ngIf. Voyons
comment l'utiliser.
Pour commencer, cette directive doit être importée :
import {NgIf} from "@angular/common";
Et l'ajouter dans la section des imports du décorateur :
@Component({
.....
imports: [....., NgIf],
....
})
Supposons maintenant que nous ayons la variable suivante :
export class AppComponent {
public isAdmin: boolean = true;
}
Créons une div qui sera affichée
si cette variable a la valeur true :
<div *ngIf="isAdmin">
text
</div>
Maintenant, faisons en sorte que la div soit affichée
si notre variable a la valeur false :
<div *ngIf="!isAdmin">
text
</div>
Créez une propriété isAdult. Affichez
un texte pour adultes si notre variable
contient la valeur true.
