Koje vrste povezivanja podataka postoje u Angularu?

U Angularu postoje sledeće vrste povezivanja podataka:

1. Jednosmerno povezivanje od izvora do prikaza (One-Way Data Binding: Komponenta do DOM): Promene u komponenti se odražavaju u prikazu (HTML).

   • Interpolacija (Interpolation): Prikaz vrednosti svojstava komponente.

     <p>{{ svojstvoKomponente }}</p>
     

   • Povezivanje svojstava (Property Binding): Postavljanje vrednosti svojstava DOM elemenata.

     <img [src]="urlSlike">
     

2. Jednosmerno povezivanje od prikaza do izvora (One-Way Data Binding: DOM do Komponente): Promene u prikazu (događaji korisnika) utiču na svojstva komponente.

   • Povezivanje događaja (Event Binding): Obrada događaja DOM elemenata.

     <button (click)="obradiKlik()">Klikni me</button>
     

3. Dvosmerno povezivanje (Two-Way Data Binding): Promene u komponenti i prikazu utiču jedna na drugu istovremeno.

   • Koristi sintaksu [()].

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

   • Zahteva uvoz FormsModule za ngModel.