Արժեքների կապում 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>