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:
export class AppComponent {
public text: string = 'abcde';
}
Vypíšme hodnotu tejto vlastnosti do
textu textarea
<textarea>{{ text }}</textarea>
A teraz do atribútu placeholder:
<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:
<textarea [value]="text"></textarea>
Je daný input. Zapíšte dáta do jeho vlastnosti
value.
