Angular DOM элементтеринин касиеттерине маанилерди байлоо

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>