Middle

Kokie yra skirtingų duomenų ryšio tipų skirtumai Angular?

sobes.tech AI

Atsakymas iš AI

Angular yra skirtingų duomenų ryšio tipų, leidžiančių susieti duomenis tarp komponento ir šablono:

Savybės ryšys (Property Binding): susieja DOM elemento savybę su komponento išraiška. Vienpusis — duomenys eina iš komponento į šabloną.
```
<img [src]="imageUrl">
```
Įvykio ryšys (Event Binding): susieja DOM įvykį su apdorotoju komponento viduje. Leidžia reaguoti į naudotojo veiksmus.
```
<button (click)="onClick()">Paspausk mane</button>
```
Dvipusis ryšys (Two-way Binding): sujungia property ir event ryšius, kad sinchronizuotų duomenis tarp komponento ir šablono. Naudojama su sintakse [(ngModel)].
```
<input [(ngModel)]="username">
```
Interpolacija (Interpolation): įterpia iš komponento gautą reikšmę kaip tekstą į šabloną.
```
<p>{{ username }}</p>
```

Pagrindinis skirtumas yra duomenų perdavimo kryptis ir tikslas: property binding — iš komponento į šabloną, event binding — iš šablono į komponentą, dvipusis ryšys — sinchronizuoja abiejose kryptyse.

Ankstesnis Kitas