Dans le cours : Angular : Les templates

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 24 200 cours dispensés par des experts.

Utiliser ngIf, Else et Then

Utiliser ngIf, Else et Then

Il est très rare de coder une application sans avoir de syntaxe conditionnelle, comme par exemple Si tel item est vrai, montrer d'autres items, etc. Angular offre une directive pour ces cas, où vous pouvez montrer certains items si la condition est remplie. Donc la première chose, allons dans les composants app et nous allons faire un conditionnel ici. La syntaxe pour utiliser du conditionnel est *ngIf= et ensuite la condition. Le I doit être majuscule, très important, et ensuite si on veut que le titre apparaisse, s'il y a un titre, le titre peut apparaître. Si on fait une sauvegarde et qu'on va dans notre navigateur, on voit que le titre apparaît. On va retourner ici. Si on fait le contraire avec un point d'exclamation, le point d'exclamation fait le contraire de Vrai. Donc si c'est faux, qu'il y a un titre, apparaît le titre. Dans ce cas-ci on va faire disparaître le titre. Si on retourne dans VS Code, on va faire un petit peu plus que ça, on va faire un conditionnel avec un else…

Table des matières