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

Տրված է input: Գրեք տվյալներ նրա value հատկության մեջ: