Sobes.tech
Middle

Kādi ir datu saistīšanas veidi Angular?

sobes.tech AI

Atbilde no AI

Angular ir šādi datu saistīšanas veidi:

  1. Vienvirziena datu saistīšana no avota uz skatu (One-Way Data Binding: Komponents uz DOM): Izmaiņas komponentā tiek atspoguļotas skatā (HTML).

    • Interpolācija (Interpolation): Komponenta īpašību vērtību attēlošana.

      <p>{{ komponentaĪpašība }}</p>
      
    • Īpašību saistīšana (Property Binding): DOM elementu īpašību vērtību iestatīšana.

      <img [src]="attēlaUrl">
      
  2. Vienvirziena datu saistīšana no skata uz avotu (One-Way Data Binding: DOM uz Komponentu): Izmaiņas skatā (lietošanas notikumi) ietekmē komponenta īpašības.

    • Notikumu saistīšana (Event Binding): DOM elementu notikumu apstrāde.

      <button (click)="apstrādātKlikšķi()">Klikšķini mani</button>
      
  3. Divvirziena datu saistīšana (Two-Way Data Binding): Izmaiņas komponentā un skatā ietekmē viena otru vienlaikus.

    • Izmanto [()] sintaksi.

      <input [(ngModel)]="lietotājaVārds">
      
    • Prasa importēt FormsModule priekš ngModel.