Waarden binden aan DOM element eigenschappen in Angular
In Angular worden twee soorten binding onderscheiden van waarden aan tags: aan het attribuut van de tag en aan de eigenschap van het DOM element. Over het algemeen is dit hetzelfde, maar soms maakt het verschil.
Laten we deze twee manieren bekijken aan de hand van voorbeelden. Stel dat we de volgende klasse-eigenschap hebben:
export class AppComponent {
public text: string = 'abcde';
}
Laten we de waarde van deze eigenschap weergeven in
de tekst van een textarea
<textarea>{{ text }}</textarea>
En nu in het placeholder attribuut:
<textarea placeholder="{{ text }}"></textarea>
En nu schrijven we gegevens specifiek naar de eigenschap van het DOM element. Hiervoor zetten we de attribuutnaam in vierkante haken:
<textarea [value]="text"></textarea>
Gegeven een input. Schrijf gegevens naar zijn
value eigenschap.
