Viažba hodnôt na vlastnosti DOM elementov v Angular

V Angulari rozlišujeme dva typy viazania hodnôt na elementy: na atribút elementu a na vlastnosť DOM elementu. Spravidla je to to isté, ale niekedy to má význam.

Pozrime sa na tieto dva spôsoby na príkladoch. Predpokladajme, že máme nasledujúcu vlastnosť triedy:

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

Vypíšme hodnotu tejto vlastnosti do textu textarea

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

A teraz do atribútu placeholder:

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

A teraz zapíšme dáta priamo do vlastnosti DOM elementu. Na to vezmeme názov atribútu do hranatých zátvoriek:

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