Arvojen sitominen DOM-elementtien ominaisuuksiin Angularissa
Angularissa erotetaan kahta tyyppiä arvojen sitomista tageihin: tagin attribuuttiin ja DOM-elementin ominaisuuteen. Yleensä ne ovat sama asia, mutta joskus sillä on merkitystä.
Katsotaanpa näitä kahta tapaa esimerkkien avulla. Oletetaan, että meillä on seuraava luokan ominaisuus:
export class AppComponent {
public text: string = 'abcde';
}
Esitetään tämän ominaisuuden arvo
textarea-tekstissä
<textarea>{{ text }}</textarea>
Ja nyt placeholder-attribuuttiin:
<textarea placeholder="{{ text }}"></textarea>
Ja nyt kirjoitetaan data nimenomaan DOM-elementin ominaisuuteen. Tätä varten otamme attribuutin nimen hakasulkeisiin:
<textarea [value]="text"></textarea>
Annettu input. Kirjoita data sen ominaisuuteen
value.
