Angular-da hansı məlumat bağlama növləri mövcuddur?

Angular-da aşağıdakı məlumatların bağlanma növləri mövcuddur:

1. Mənbədən görünüşə tək tərəfli məlumat bağlanması (One-Way Data Binding: Komponentdan DOM-a): Komponentdəki dəyişikliklər görünüşdə (HTML) əks olunur.

   • Interpolasiya ilə bağlanma (Interpolation): Komponentin xüsusiyyətlərinin dəyərlərini göstərir.

     <p>{{ komponentXüsusiyyəti }}</p>
     

   • Xüsusiyyət bağlanması (Property Binding): DOM elementlərinin xüsusiyyətlərinə dəyər təyin edir.

     <img [src]="şəkilUrl">
     

2. Görünüşdən mənbəyə tək tərəfli məlumat bağlanması (One-Way Data Binding: DOM-dan Komponentə): Görünüşdəki (istifadəçi hadisələri) dəyişikliklər komponentin xüsusiyyətlərinə təsir edir.

   • Hadisə bağlanması (Event Binding): DOM elementlərinin hadisələrini idarə edir.

     <button (click)="mənəklik()">Məni kliklə</button>
     

3. İki tərəfli məlumat bağlanması (Two-Way Data Binding): Komponent və görünüşdəki dəyişikliklər bir-birinə təsir edir.

   • [()] sintaksisini istifadə edir.

     <input [(ngModel)]="istifadəçiAdı">
     

   • ngModel üçün FormsModule-ün idxal edilməsi tələb olunur.