Врзување на вредности за својствата на DOM елементите во Angular

Во Angular се разликуваат два типа на врзување на вредности за таговите: за атрибутот на тагот и за својството на DOM елементот. Како правило, ова е исто, но понекогаш има значење.

Ајде да ги погледнеме овие два начина со примери. Нека имаме следново својство на класата:

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

Ајде да ја испечатиме вредноста на ова својство во текстот на textarea

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

А сега во атрибутот placeholder:

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

А сега да ги запишеме податоците директно во својството на DOM елементот. За да го направиме ова, името на атрибутот го ставаме во квадратни загради:

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