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

Angular'да тегтерге маанилерди байлоонун эки түрү айырмаланат: тегдин атрибутуна жана DOM элементинен касиетине. Адатта, бул бирдей нерсе, бирок кээде айырмасы бар.

Келгиле, бул эки ыкманы мисалдар аркылуу карап көрөлү. Биздин класстын төмөнкүдөй касиети бар деп коёлу:

export class AppComponent {
	public text: string = 'abcde';
}

Бул касиеттин маанисин textarea текстине чыгаралы

<textarea>{{ text }}</textarea>

Эми placeholder атрибутуна:

<textarea placeholder="{{ text }}"></textarea>

Эми маалыматтарды так DOM элементинен касиетине жазалы. Бул үчүн атрибуттун атын чарчы кашаага алабыз:

<textarea [value]="text"></textarea>

Инпут берилди. Анын value касиетине маалыматтарды жазыңыз.