Angular'da ma'lumotlarni bog'lashning qanday turlari mavjud?

Angular'da quyidagi ma'lumotlarni bog'lash turlari mavjud:

1. Manbadan ko'rinishga bir tomonlama bog'lash (One-Way Data Binding: Komponentdan DOMgacha): Komponentdagi o'zgarishlar ko'rinishga (HTML) aks etadi.

   • Interpolyatsiya bilan bog'lash (Interpolation): Komponentning xususiyat qiymatlarini ko'rsatish.

     <p>{{ komponentXususiyati }}</p>
     

   • Xususiyat bog'lanishi (Property Binding): DOM elementlarining xususiyatlariga qiymat o'rnatish.

     <img [src]="rasmUrl">
     

2. Ko'rinishdan manbaga bir tomonlama bog'lash (One-Way Data Binding: DOMdan Komponentgacha): Ko'rinishdagi (foydalanuvchi hodisalari) o'zgarishlar komponent xususiyatlariga ta'sir qiladi.

   • Hodisa bog'lanishi (Event Binding): DOM elementlarining hodisalarini boshqarish.

     <button (click)="mashqQilish()">Meni bos</button>
     

3. Ikki tomonlama bog'lanish (Two-Way Data Binding): Komponent va ko'rinishdagi o'zgarishlar bir-biriga ta'sir qiladi.

   • [()] sintaksisini ishlatadi.

     <input [(ngModel)]="foydalanuvchiNomi">
     

   • ngModel uchun FormsModule import qilish talab etiladi.