Quels sont les types de liaison de données dans Angular?

En Angular, il existe les types de liaison de données suivants :

1. Liaison unidirectionnelle de la source à la vue (One-Way Data Binding : Composant vers DOM) : Les changements dans le composant se reflètent dans la vue (HTML).

   • Liaison par interpolation (Interpolation) : Affichage des valeurs des propriétés du composant.

     <p>{{ propriétéComposant }}</p>
     

   • Liaison de propriétés (Property Binding) : Définir les valeurs des propriétés des éléments DOM.

     <img [src]="urlImage">
     

2. Liaison unidirectionnelle de la vue à la source (One-Way Data Binding : DOM vers Composant) : Les changements dans la vue (événements utilisateur) affectent les propriétés du composant.

   • Liaison d'événements (Event Binding) : Gérer les événements des éléments DOM.

     <button (click)="gérerClic()">Clique-moi</button>
     

3. Liaison bidirectionnelle (Two-Way Data Binding) : Les changements dans le composant et la vue affectent mutuellement.

   • Utilise la syntaxe [()].

     <input [(ngModel)]="nomUtilisateur">
     

   • Nécessite d'importer FormsModule pour ngModel.