Middle

Ποιοι τύποι σύνδεσης δεδομένων υπάρχουν στο Angular;

sobes.tech AI

Απάντηση από AI

Στο Angular, υπάρχουν οι ακόλουθοι τύποι δέσμευσης δεδομένων:

Μονοκατευθυντική δέσμευση από την πηγή προς την προβολή (One-Way Data Binding: Σύνθεση προς DOM): Οι αλλαγές στη σύνθεση αντικατοπτρίζονται στην προβολή (HTML).
- Εσωτερική δέσμευση (Interpolation): Εμφάνιση των τιμών των ιδιοτήτων της σύνθεσης.
```
<p>{{ ιδιότηταΣύνθεσης }}</p>
```
- Δέσμευση ιδιοτήτων (Property Binding): Ορισμός τιμών των ιδιοτήτων των στοιχείων DOM.
```
<img [src]="διεύθυνσηΕικόνας">
```
Μονοκατευθυντική δέσμευση από την προβολή στη πηγή (One-Way Data Binding: DOM προς Σύνθεση): Οι αλλαγές στην προβολή (γεγονότα χρήστη) επηρεάζουν τις ιδιότητες της σύνθεσης.
- Δέσμευση γεγονότων (Event Binding): Διαχείριση γεγονότων στοιχείων DOM.
```
<button (click)="διαχείρισηΚλικ()">Κάνε κλικ σε μένα</button>
```
Δέσμευση και των δύο κατευθύνσεων (Two-Way Data Binding): Οι αλλαγές στη σύνθεση και στην προβολή επηρεάζουν η μία την άλλη ταυτόχρονα.
- Χρησιμοποιεί τη σύνταξη [()].
```
<input [(ngModel)]="όνομαΧρήστη">
```
- Απαιτεί εισαγωγή του FormsModule για το ngModel.

Προηγούμενος Επόμενο