Прывязка значэнняў да ўласцівасцей 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.