Databinding til DOM-elementers egenskaber i Angular
I Angular skelnes der mellem to typer databinding til tags: til tag-attributten og til DOM-elementets egenskab. Som regel er det det samme, men nogle gange gør det en forskel.
Lad os se på disse to metoder med eksempler. Antag, at vi har følgende klasseegenskab:
export class AppComponent {
public text: string = 'abcde';
}
Lad os udskrive værdien af denne egenskab i
teksten i et textarea
<textarea>{{ text }}</textarea>
Og nu i attributten placeholder:
<textarea placeholder="{{ text }}"></textarea>
Og lad os nu skrive data specifikt til egenskaben for DOM-elementet. For at gøre dette sætter vi attributnavnet i firkantede parenteser:
<textarea [value]="text"></textarea>
Der gives en input. Skriv data til dens egenskab
value.
