Databinding til DOM-elementers egenskaper i Angular
I Angular skilles det mellom to typer databinding til tagger: til en taggs attributt og til et DOM-elements egenskap. Som regel er dette det samme, men noen ganger spiller det en rolle.
La oss se på disse to måtene med eksempler. La oss si at vi har følgende klasseegenskap:
export class AppComponent {
public text: string = 'abcde';
}
La oss vise verdien av denne egenskapen i
teksten til et textarea
<textarea>{{ text }}</textarea>
Og nå i attributten placeholder:
<textarea placeholder="{{ text }}"></textarea>
Og nå skal vi skrive dataene direkte til DOM-elementets egenskap. For å gjøre dette, setter vi attributtnavnet i klammeparenteser:
<textarea [value]="text"></textarea>
Det er gitt en input. Skriv dataene til dens egenskap
value.
