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

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

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

export class AppComponent {
	public text: string = 'abcde';
}

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

<textarea>{{ text }}</textarea>

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

<textarea placeholder="{{ text }}"></textarea>

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

<textarea [value]="text"></textarea>

Input дода шудааст. Маълумотро ба хусусияти value-и он нависед.