# Привязка значений к свойствам 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`.

← →
↑