Cours 4 : Angular - le binding Flashcards
Qu’est-ce que le data binding en Angular et quel est son rôle ?
Le data binding en Angular permet de synchroniser les données entre la partie logique (TypeScript) et la partie vue (HTML) d’un composant.
Quels sont les quatre types de data binding disponibles en Angular ?
Les quatre types de data binding en Angular sont : l’interpolation, le property binding, l’event binding et le two-way binding.
Quelle est la différence entre l’interpolation et le property binding ?
L’interpolation est utilisée pour afficher des valeurs de variables dans les templates HTML, tandis que le property binding est utilisé pour lier des propriétés HTML à des valeurs de variables dans les templates.
Comment fonctionne l’interpolation dans Angular ?
L’interpolation dans Angular permet d’afficher des valeurs de propriétés déclarées dans une classe TypeScript directement dans un template HTML en encadrant la propriété avec {{ }}.
Quelle est la syntaxe utilisée pour l’interpolation dans les templates Angular ?
La syntaxe utilisée pour l’interpolation dans les templates Angular est {{ nomDeLaVariable }}.
Quelles sont les utilisations courantes de l’interpolation dans Angular ?
L’interpolation est couramment utilisée pour afficher des variables, des résultats de calculs, des valeurs de tableaux, ou même des résultats de fonctions.
Qu’est-ce que le property binding et quand est-il utilisé ?
Le property binding en Angular permet de définir dynamiquement les valeurs des attributs HTML en fonction de propriétés définies dans la classe TypeScript du composant.
Quelle est la syntaxe utilisée pour le property binding dans les templates Angular ?
La syntaxe utilisée pour le property binding dans les templates Angular est [attribut]=”expression”.
Comment dynamiser un attribut HTML avec le property binding ?
Pour dynamiser un attribut HTML avec le property binding, on utilise la syntaxe [attribut]=”propriete”, où propriete est une propriété définie dans la classe TypeScript du composant.
Qu’est-ce que l’event binding en Angular et quel est son but ?
L’event binding en Angular permet de réagir aux interactions des utilisateurs avec les éléments HTML en capturant et en gérant les événements.
Comment ajoute-t-on un gestionnaire d’événements à un élément HTML avec l’event binding ?
Pour ajouter un gestionnaire d’événements à un élément HTML avec l’event binding, on encadre le nom de l’événement entre parenthèses et on spécifie la méthode à exécuter lors de cet événement.
Quelle est la syntaxe utilisée pour l’event binding dans les templates Angular ?
La syntaxe utilisée pour l’event binding dans les templates Angular est (nomDeLEvenement)=”methode()”.
Comment réagit Angular lorsque l’événement spécifié se déclenche ?
Lorsque l’événement spécifié se déclenche, Angular exécute la méthode spécifiée dans le gestionnaire d’événements.
Qu’est-ce que le two-way binding et comment fonctionne-t-il ?
Le two-way binding en Angular permet de synchroniser les données en temps réel entre la partie logique (TS) et la partie vue (HTML) d’un composant.
Quelle est la syntaxe utilisée pour le two-way binding dans les templates Angular ?
La syntaxe utilisée pour le two-way binding dans les templates Angular est [(ngModel)]=”propriete”, souvent appelée “banana-in-a-box” syntaxe.
