Middle

Quali sono i tipi di binding dei dati in Angular?

sobes.tech AI

Risposta dell'AI

In Angular, ci sono i seguenti tipi di binding dei dati:

Binding unidirezionale dalla sorgente alla vista (One-Way Data Binding: Componente a DOM): Le modifiche nel componente si riflettono nella vista (HTML).
- Interpolazione (Interpolation): Visualizza i valori delle proprietà del componente.
```
<p>{{ proprietàComponente }}</p>
```
- Binding delle proprietà (Property Binding): Imposta i valori delle proprietà degli elementi DOM.
```
<img [src]="urlImmagine">
```
Binding unidirezionale dalla vista alla sorgente (One-Way Data Binding: DOM a Componente): Le modifiche nella vista (eventi utente) influenzano le proprietà del componente.
- Binding degli eventi (Event Binding): Gestisce gli eventi degli elementi DOM.
```
<button (click)="gestisciClick()">Cliccami</button>
```
Binding bidirezionale (Two-Way Data Binding): Le modifiche nel componente e nella vista si influenzano reciprocamente.
- Usa la sintassi [()].
```
<input [(ngModel)]="nomeUtente">
```
- Richiede l'importazione di FormsModule per ngModel.