Кадом намудҳои пайвастагии додаҳо дар Angular вуҷуд доранд?

Дар Angular мавҷуданд намудҳои зерин дар пайвасткунии маълумот:

1. Пайвасткунии маълумот аз манбаъ ба намоиш (One-Way Data Binding: Аз Компонент ба DOM): Тағйиротҳо дар компонент дар намоиш (HTML) таҷассум меёбанд.

   • Интерполяция (Interpolation): Намоиши арзишҳои хусусиятҳои компонент.

     <p>{{ хусусиятиКомпонент }}</p>
     

   • Пайвасткунии хусусиятҳо (Property Binding): Муайян кардани арзишҳои хусусиятҳои унсурҳои DOM.

     <img [src]="urlРасм">
     

2. Пайвасткунии маълумот аз намоиш ба манбаъ (One-Way Data Binding: DOM ба Компонент): Тағйиротҳо дар намоиш (ҳодисаҳои корбар) ба хусусиятҳои компонент таъсир мерасонанд.

   • Пайвасткунии ҳодисаҳо (Event Binding): Ҳалли ҳодисаҳои унсурҳои DOM.

     <button (click)="ҳаллиКлик()">Клик кунед</button>
     

3. Дуҷониба пайвасткунӣ (Two-Way Data Binding): Тағйиротҳо дар компонент ва намоиш ба ҳам таъсир мерасонанд.

   • Истифодаи синтаксис [()].

     <input [(ngModel)]="номиКорбар">
     

   • Барои ngModel ворид кардани FormsModule зарур аст.