Cours 5 : Angular - les directives Flashcards
Qu’est-ce qu’une directive en Angular et quel est son rôle ?
Une directive en Angular est une instruction qui modifie l’apparence ou la structure du DOM.
Quelles sont les deux familles de directives en Angular ?
Les deux familles de directives en Angular sont les directives structurelles et les directives d’attributs.
Quelle est la différence entre les directives structurelles et les directives d’attributs ?
Les directives structurelles modifient la structure du DOM, tandis que les directives d’attributs modifient le comportement ou l’apparence des éléments sans changer la structure du DOM.
Quelles sont les caractéristiques des directives structurelles ?
Les directives structurelles sont précédées d’un astérisque (*) dans les templates et peuvent ajouter, supprimer ou manipuler les éléments HTML.
Quelle directive structurelle est utilisée pour ajouter ou supprimer un élément du DOM en fonction d’une condition booléenne ?
La directive structurelle NgIf est utilisée pour ajouter ou supprimer un élément du DOM en fonction d’une condition booléenne.
Comment utilise-t-on la directive NgIf dans un template Angular ?
NgIf s’utilise dans un template Angular en ajoutant une condition entre les balises <div *ngIf=”condition”> Contenu </div>.
Quelle directive structurelle est utilisée pour répéter un template pour chaque élément d’une liste ?
La directive structurelle NgFor est utilisée pour répéter un template pour chaque élément d’une liste.
Comment utilise-t-on la directive NgFor dans un template Angular ?
NgFor s’utilise dans un template Angular en utilisant la syntaxe <div *ngFor=”let item of items”> {{ item }} </div>.
Quelle directive structurelle est utilisée pour afficher différents éléments du DOM basés sur une condition ?
La directive structurelle NgSwitch est utilisée pour afficher différents éléments du DOM basés sur une condition.
Comment utilise-t-on la directive NgSwitch dans un template Angular ?
NgSwitch s’utilise dans un template Angular en associant des balises <div *ngSwitch=”expression”> Contenu </div> à des cas spécifiques.
Quelle est la nouvelle syntaxe introduite dans Angular 17 pour les directives structurelles NgFor, NgIf, et NgSwitch ?
Dans Angular 17, la nouvelle syntaxe pour les directives structurelles est @for pour *ngFor, @if et @else pour *ngIf, et @switch pour *ngSwitch.
Quelles sont les caractéristiques des directives d’attributs ?
Les directives d’attributs modifient le comportement ou l’apparence des éléments sans changer la structure du DOM.
Quelle directive d’attribut est utilisée pour appliquer des styles de manière conditionnelle ou basée sur des calculs ?
La directive d’attribut NgStyle est utilisée pour appliquer des styles de manière conditionnelle ou basée sur des calculs.
Comment utilise-t-on la directive NgStyle dans un template Angular ?
NgStyle s’utilise dans un template Angular en définissant un objet d’expression de style entre [ngStyle]=”{ styles }”.
Quelle directive d’attribut est utilisée pour ajouter ou retirer une ou plusieurs classes CSS en fonction d’une condition ?
La directive d’attribut NgClass est utilisée pour ajouter ou retirer une ou plusieurs classes CSS en fonction d’une condition.
