Aké typy väzby dát existujú v Angular?

V Angularu existujú nasledujúce typy väzieb dát:

1. Jednosmerná väzba zo zdroja na zobrazenie (One-Way Data Binding: Komponent do DOM): Zmeny v komponente sa odrážajú v zobrazení (HTML).

   • Interpolácia (Interpolation): Zobrazenie hodnôt vlastností komponentu.

     <p>{{ vlastnosťKomponentu }}</p>
     

   • Väzba vlastností (Property Binding): Nastavenie hodnôt vlastností prvkov DOM.

     <img [src]="adresaObrazku">
     

2. Jednosmerná väzba zo zobrazenia na zdroj (One-Way Data Binding: DOM do Komponentu): Zmeny v zobrazení (udalosť používateľa) ovplyvňujú vlastnosti komponentu.

   • Väzba udalostí (Event Binding): Spracovanie udalostí DOM prvkov.

     <button (click)="spracujKlik()">Klikni na mňa</button>
     

3. Dvosmerná väzba (Two-Way Data Binding): Zmeny v komponente a zobrazení ovplyvňujú jeden druhého súčasne.

   • Používa syntax [()].

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

   • Vyžaduje import FormsModule pre ngModel.