მნიშვნელობების მიბმა DOM ელემენტების თვისებებზე Angular-ში

Angular-ში განასხვავებენ მნიშვნელობების ტეგებთან მიბმის ორ ტიპს: ტეგის ატრიბუტთან და DOM ელემენტის თვისებასთან. როგორც წესი, ეს ერთი და იგივეა, მაგრამ ზოგჯერ მნიშვნელობა აქვს.

მოდით შევხედოთ ამ ორ მეთოდს მაგალითებზე. მოდით, გვქონდეს შემდეგი კლასის თვისება:

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

მოდით გამოვიტანოთ ამ თვისების მნიშვნელობა textarea-ის ტექსტში

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

ახლა კი placeholder ატრიბუტში:

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

ახლა კი ჩავწეროთ მონაცემები ზუსტად DOM ელემენტის თვისებაში. ამისთვის ატრიბუტის სახელს ავიღებთ კვადრატულ ფრჩხილებში:

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

მოცემულია ინპუთი. ჩაწერეთ მონაცემები მისი თვისება value-ში.