Millised andmesidemed Angularis eksisteerivad?

Angularis on järgmised andmesidumise tüübid:

1. Üks suund andmete sidumine allikast vaatesse (One-Way Data Binding: Komponent DOM-i): Muudatused komponendis kajastuvad vaates (HTML).

   • Interpolatsioon (Interpolation): Komponendi omaduste väärtuste kuvamine.

     <p>{{ komponendiOmadus }}</p>
     

   • Omaduste sidumine (Property Binding): DOM-elementide omaduste väärtuste määramine.

     <img [src]="pildiUrl">
     

2. Üks suund andmete sidumine vaatesse (One-Way Data Binding: DOM-ist komponendini): Vaates tehtud muudatused (kasutaja sündmused) mõjutavad komponendi omadusi.

   • Sündmuste sidumine (Event Binding): DOM-elementide sündmuste töötlemine.

     <button (click)="tõstaKlik()">Kliki mind</button>
     

3. Kahe suuna andmeside (Two-Way Data Binding): Muudatused komponendis ja vaates mõjutavad üksteist samaaegselt.

   • Kasutab süntaksit [()].

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

   • Nõuab FormsModule importimist ngModel jaoks.