Lidhja e vlerave me vetitë e elementeve DOM në Angular

Në Angular dallohen dy lloje të lidhjes së vlerave me etiketat: me atributin e etiketës dhe me vetinë e elementit DOM. Në përgjithësi, kjo është e njëjta gjë, por ndonjëherë ka rëndësi.

Le t'i shikojmë këto dy mënyra me shembuj. Le të themi se kemi vetinë e mëposhtme të klasës:

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

Le të shfaqim vlerën e kësaj vetie në tekstin textarea

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

Dhe tani në atributin placeholder:

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

Dhe tani le t'i shkruajmë të dhënat pikërisht në vetinë e elementit DOM. Për këtë, emrin e atributit e marrim në kllapa katrore:

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