Свързване на стойности към свойства на 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>

Даден е input. Запишете данни в свойството му value.