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:

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

Lad os udskrive værdien af denne egenskab i teksten i et textarea

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

Og nu i attributten placeholder:

app/app.component.html<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:

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