DOM elementlarinin xasselerine deyerlerin baglanmasi Angular-da

Angular-da deyerlerin teqlere baglanmasının iki novu ferqlendirilir: tegin atributuna ve DOM elementinin xasselerine. Adeten, bunlar eyni seydir, lakin bazen ferqli ola biler.

Gelin bu iki usula nümuneler üzerinde baxaq. Tutaq ki, bizim asagidaki klas xassesi var:

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

Gelin bu xassenin deyerini textarea-nin metninde çıxaraq

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

Indi ise placeholder atributunda:

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

Indi ise melumatları xüsusi ile DOM elementinin xassesine yazaq. Bunun üçün atributun adını kvadrat möterizelerin içine alacagıq:

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