Angularда маалыматтарды байлоо кандай түрлөрү бар?

Angularда төмөнкү түрлөрү бар:

1. Бир тараптуу маалыматтарды байлоо булактан көрүнүшкө (One-Way Data Binding: Компонтондон DOMго): Компонтондогу өзгөртүүлөр көрүнүшкө (HTML) чагылат.

   • Интерполяция менен байлоо (Interpolation): Компонтондун мүнөздөмөлөрүнүн маанилерин көрсөтүү.

     <p>{{ компонентМүнөздөмөсү }}</p>
     

   • Майда байлоо (Property Binding): DOM элементтеринин мүнөздөмөлөрүнүн маанилерин орнотуу.

     <img [src]="сүрөттүнЖолу">
     

2. Бир тараптуу байлоо көрүнүштөн булакка (One-Way Data Binding: DOMдон Компонтонго): Көрүнүштөгү (колдонуучу окуялары) өзгөртүүлөр компоненттин мүнөздөмөлөрүнө таасир этет.

   • Окуя байлоо (Event Binding): DOM элементтеринин окуяларын иштетүү.

     <button (click)="жасагыКийин">Менин бас</button>
     

3. Эки тараптуу байлоо (Two-Way Data Binding): Компонтон жана көрүнүштөгү өзгөртүүлөр бири-бирине таасир этет.

   • [()] синтаксисин колдонуу:

     <input [(ngModel)]="колдонуучуАты">
     

   • ngModel үчүн FormsModule импорттоо талап кылынат.