Ба қиматҳо ба хусусиятҳои элементҳои DOM дар Angular васл кардан

Дар Angular ду навъи ба қиматҳо ба тегҳо васл кардан фарқ мекунад: ба attribute-и тег ва ба хусусиятҳои DOM элемент. Одатан, ин як чиз аст, вале баъзан фарқият дорад.

Биёед ин ду роҳро дар мисолҳо бубинем. Бигзор мо хосияти зерини классро дорем:

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

Биёед қимати ин хосиятро дар матни textarea чоп кунем.

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

Ва акнун дар attribute-и placeholder:

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

Ва акнун маълумотро аниқ ба хусусияти DOM элемент нависем. Барои ин номи attribute-ро дар қафсакҳои чоркунҷа мегирем:

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