Jakie rodzaje wiązania danych istnieją w Angularze?

W Angularze istnieją następujące typy wiązania danych:

1. ** Jednokierunkowe wiązanie od źródła do widoku (One-Way Data Binding: Komponent do DOM):** Zmiany w komponencie odzwierciedlają się w widoku (HTML).

   • Interpolacja (Interpolation): Wyświetlanie wartości właściwości komponentu.

     <p>{{ właściwośćKomponentu }}</p>
     

   • Wiązanie właściwości (Property Binding): Ustawianie wartości właściwości elementów DOM.

     <img [src]="adresObrazka">
     

2. ** Jednokierunkowe wiązanie od widoku do źródła (One-Way Data Binding: DOM do Komponentu):** Zmiany w widoku (zdarzenia użytkownika) wpływają na właściwości komponentu.

   • Wiązanie zdarzeń (Event Binding): Obsługa zdarzeń elementów DOM.

     <button (click)="obsłużKlik()">Kliknij mnie</button>
     

3. Dwukierunkowe wiązanie (Two-Way Data Binding): Zmiany w komponencie i widoku wpływają na siebie nawzajem.

   • Używa składni [()].

     <input [(ngModel)]="nazwaUżytkownika">
     

   • Wymaga importu FormsModule dla ngModel.