Ce tipuri de legături de date există în Angular?

În Angular, există următoarele tipuri de legare a datelor:

1. Legarea unidirecțională de la sursă la vizualizare (One-Way Data Binding: Component către DOM): Modificările din componentă se reflectă în vizualizare (HTML).

   • Interpolare (Interpolation): Afișarea valorilor proprietăților componentei.

     <p>{{ proprietateComponentă }}</p>
     

   • Legarea proprietăților (Property Binding): Setarea valorilor proprietăților elementelor DOM.

     <img [src]="urlImagine">
     

2. Legarea unidirecțională de la vizualizare la sursă (One-Way Data Binding: DOM către Component): Modificările din vizualizare (evenimentele utilizatorului) influențează proprietățile componentei.

   • Legarea evenimentelor (Event Binding): Gestionarea evenimentelor elementelor DOM.

     <button (click)="gestioneazăClick()">Apasă-mă</button>
     

3. Legarea bidirecțională (Two-Way Data Binding): Modificările din componentă și vizualizare influențează reciproc.

   • Utilizează sintaxa [()].

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

   • Necesită importarea FormsModule pentru ngModel.