Везивање вредности за својства DOM елемената у Angular

У Angular-у постоје два типа везивања вредности за тагове: за атрибут тага и за својство DOM елемента. Обично је то исто, али понекад има разлике.

Хајде да погледамо ова два начина на примерима. Претпоставимо да имамо следеће својство класе:

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

Хајде да прикажемо вредност овог својства у тексту textarea

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

А сада у атрибут placeholder:

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

А сада да уписемо податке директно у својство DOM елемента. За то ћемо име атрибута ставити у угласте заграде:

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

Дат је уносни елемент (инпут). Вежите податке за његово својство value.