Milyen típusú adatkapcsolatok léteznek az Angularban?

Az Angularban a következő adatkapcsolási típusok léteznek:

1. Egyrészt irányú adatkapcsolás a forrástól a nézethez (One-Way Data Binding: Komponens a DOM-hoz): A komponensben végrehajtott változások megjelennek a nézetben (HTML).

   • Interpolációval történő kötés (Interpolation): A komponens tulajdonságértékeinek megjelenítése.

     <p>{{ komponensTulajdonsag }}</p>
     

   • Tulajdonság kötés (Property Binding): A DOM elemek tulajdonságainak értékének beállítása.

     <img [src]="kepUrl">
     

2. Egyrészt irányú kötés a nézettől a forrás felé (One-Way Data Binding: DOM-tól a Komponensig): A nézetben (felhasználói események) végrehajtott változások befolyásolják a komponens tulajdonságait.

   • Esemény kötés (Event Binding): DOM elemek eseményeinek kezelése.

     <button (click)="kezeldKatt" >Kattints rám</button>
     

3. Kétirányú kötés (Two-Way Data Binding): A komponensben és a nézetben végrehajtott változások egymásra hatnak.

   • A [()] szintaxist használja.

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

   • A FormsModule importálása szükséges az ngModel-hez.