Reikšmių susiejimas su DOM elementų savybėmis Angular

Angular skiria du reikšmių susiejimo su žymėmis tipus: su žymės atributu ir su DOM elemento savybe. Paprastai tai yra tas pats, bet kartais tai turi reikšmės.

Pažvelkime į šiuos du būdus su pavyzdžiais. Tarkime, kad turime šią klasės savybę:

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

Išveskime šios savybės reikšmę į textarea tekstą

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

O dabar į placeholder atributą:

app/app.component.html<textarea placeholder="{{ text }}"></textarea>

O dabar įrašykime duomenis būtent į savybę DOM elemento. Tam atributo vardą paimsime į laužtinius skliaustus:

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