DOM элементтерінің қасиеттеріне мәндерді байлау Angular-да

Angular-да тегтерге мәндерді байлаудың екі түрі бар: тегтің атрибутына және DOM элементінің қасиетіне. Әдетте, бұл бірдей болып келеді, бірақ кейде айырмашылығы бар.

Осы екі әдісті мысалдар арқылы қарастырайық. Бізде келесі сынып қасиеті бар делік:

app/app.component.tsexport class AppComponent {
  public text: string = 'abcde';
}

Бұл қасиеттің мәнін textarea мәтінінде шығарайық

app/app.component.html<textarea>{{ text }}</textarea>

Енді placeholder атрибутына шығарайық:

app/app.component.html<textarea placeholder="{{ text }}"></textarea>

Енді деректерді нақты DOM элементінің қасиетіне жазайық. Ол үшін атрибут атын шаршы жақшаға аламыз:

app/app.component.html<textarea [value]="text"></textarea>