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-ისთვის.