Прывязка значэнняў да ўласцівасцей DOM элементаў у Angular

У 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>