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:
export class AppComponent {
public text: string = 'abcde';
}
Mostremos el valor de esta propiedad en
el texto de textarea
<textarea>{{ text }}</textarea>
Y ahora en el atributo placeholder:
<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:
<textarea [value]="text"></textarea>
Dado un input. Escriba datos en su propiedad
value.