Middle

Jakie są różnice między różnymi typami wiązania danych w Angular?

sobes.tech AI

Odpowiedź od AI

W Angularze istnieją różne typy wiązań danych, które pozwalają na łączenie danych między komponentem a szablonem:

Wiązanie właściwości (Property Binding): łączy właściwość elementu DOM z wyrażeniem z komponentu. Jednokierunkowe — dane idą z komponentu do szablonu.
```
<img [src]="imageUrl">
```
Wiązanie zdarzeń (Event Binding): łączy zdarzenie DOM z obsługą w komponencie. Pozwala reagować na działania użytkownika.
```
<button (click)="onClick()">Kliknij mnie</button>
```
Dwukierunkowe wiązanie (Two-way Binding): łączy property i event binding, aby synchronizować dane między komponentem a szablonem. Używa się składni [(ngModel)].
```
<input [(ngModel)]="username">
```
Interpolacja (Interpolation): wstawia wartość z komponentu do szablonu jako tekst.
```
<p>{{ username }}</p>
```

Główna różnica polega na kierunku przesyłania danych i celu: property binding — z komponentu do szablonu, event binding — z szablonu do komponentu, two-way binding — synchronizacja w obie strony.

Poprzednia Dalej