Vinculación de valores a propiedades de elementos DOM en Angular

En Angular se distinguen dos tipos de vinculación de valores a etiquetas: a un atributo de la etiqueta y a una propiedad del elemento DOM. Por lo general, es lo mismo, pero a veces es importante.

Veamos estos dos métodos con ejemplos. Supongamos que tenemos la siguiente propiedad de clase:

app/app.component.tsexport class AppComponent {
  public text: string = 'abcde';
}

Mostremos el valor de esta propiedad en el texto de textarea

app/app.component.html<textarea>{{ text }}</textarea>

Y ahora en el atributo placeholder:

app/app.component.html<textarea placeholder="{{ text }}"></textarea>

Y ahora escribamos datos específicamente en la propiedad del elemento DOM. Para ello, tomaremos el nombre del atributo entre corchetes:

app/app.component.html<textarea [value]="text"></textarea>