Middle

Angular-деги маалыматтарды байлоо түрлөрүнүн ар кандай түрлөрүнүн айырмачылыктары кандай?

sobes.tech AI

AIден жооп

Angularда, маалыматтарды байланыштырган ар кандай түрлөрү бар, алар компонент жана шаблон ортосунда маалыматтарды байланыштыруу үчүн колдонулат:

Майда байланыш (Property Binding): DOM элементинин мүнөздөмөсүн компоненттен чыккан билдирүү менен байланыштырат. Бир тараптуу — маалыматтар компоненттен шаблонго өтөт.
```
<img [src]="imageUrl">
```
Окуя байланышы (Event Binding): DOM окуясын компоненттеги иштеткич менен байланыштырат. Колдонуучунун аракеттерине жооп берүүгө мүмкүндүк берет.
```
<button (click)="onClick()">Мени бас</button>
```
Эки тараптуу байланыштыруу (Two-way Binding): property жана event байланышын бириктирип, маалыматтарды компонент жана шаблон ортосунда синхрондоштурат. [(ngModel)] синтаксисин колдонуу менен.
```
<input [(ngModel)]="username">
```
Интерполяция (Interpolation): компоненттен келген маанини текст катары шаблонго киргизет.
```
<p>{{ username }}</p>
```

Негизги айырмачылык — маалыматтарды өткөрүү багыты жана максаты: property binding — компоненттен шаблонго, event binding — шаблондон компонента, эки тараптуу байланыштыруу — эки тарапта синхрондоштуруу.

Мурунку Кийинки