Legarea valorilor la proprietățile elementelor DOM în Angular
În Angular se disting două tipuri de legare a valorilor la tag-uri: la atributul tag-ului și la proprietatea elementului DOM. De regulă, acestea sunt același lucru, dar uneori are importanță.
Să analizăm aceste două metode cu exemple. Să presupunem că avem următoarea proprietate a clasei:
export class AppComponent {
public text: string = 'abcde';
}
Să afișăm valoarea acestei proprietăți în
textul textarea
<textarea>{{ text }}</textarea>
Și acum în atributul placeholder:
<textarea placeholder="{{ text }}"></textarea>
Și acum să scriem datele chiar în proprietatea elementului DOM. Pentru aceasta, vom pune numele atributului între paranteze pătrate:
<textarea [value]="text"></textarea>
Este dat un input. Scrieți date în proprietatea lui
value.