მნიშვნელობების მიბმა 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>