Welke soorten datakoppelingen zijn er in Angular?

In Angular zijn de volgende typen gegevensbinding:

1. Eénrichtingsgegevensbinding van bron naar weergave (One-Way Data Binding: Component naar DOM): Wijzigingen in de component worden weergegeven in de weergave (HTML).

   • Interpolatie (Interpolation): Weergave van de waarden van de eigenschappen van de component.

     <p>{{ componentEigenschap }}</p>
     

   • Eigenschapsbinding (Property Binding): Instellen van waarden van DOM-elementeigenschappen.

     <img [src]="afbeeldingUrl">
     

2. Eénrichtingsgegevensbinding van weergave naar bron (One-Way Data Binding: DOM naar Component): Wijzigingen in de weergave (gebeurtenissen van de gebruiker) beïnvloeden de eigenschappen van de component.

   • Gebeurtenisbinding (Event Binding): Afhandelen van gebeurtenissen van DOM-elementen.

     <button (click)="verwerkKlik()">Klik mij</button>
     

3. Tweeweggegevensbinding (Two-Way Data Binding): Wijzigingen in de component en de weergave beïnvloeden elkaar gelijktijdig.

   • Gebruikt de syntax [()].

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

   • Vereist het importeren van FormsModule voor ngModel.