Jaké typy datového vazby existují v Angularu?

V Angularu existují následující typy datových vazeb:

1. Jednosměrná vazba ze zdroje na zobrazení (One-Way Data Binding: Komponenta do DOM): Změny v komponentě se odrážejí ve zobrazení (HTML).

   • Interpolace (Interpolation): Zobrazení hodnot vlastností komponenty.

     <p>{{ vlastnostKomponenty }}</p>
     

   • Vazba vlastností (Property Binding): Nastavení hodnot vlastností prvků DOM.

     <img [src]="adresaObrazku">
     

2. Jednosměrná vazba ze zobrazení na zdroj (One-Way Data Binding: DOM do komponenty): Změny ve zobrazení (události uživatele) ovlivňují vlastnosti komponenty.

   • Vazba událostí (Event Binding): Zpracování událostí prvků DOM.

     <button (click)="zpracujKlik()">Klikni na mě</button>
     

3. Obousměrná vazba (Two-Way Data Binding): Změny v komponentě a zobrazení ovlivňují jeden druhého současně.

   • Používá syntaxi [()].

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

   • Vyžaduje import FormsModule pro ngModel.