Sobes.tech
Middle

Ի՞նչ տեսակների տվյալների կապ կա Angular-ում։

sobes.tech AI

Պատասխան AI-ից

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)]="օգտագործողիԱնուն">
      
    • Պահանջում է FormsModule ներմուծումը ngModel-ի համար։