Angular හි DOM අංගවල ගුණාංග වලට අගයන් බැඳීම

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 ගුණාංගයට දත්ත ලියන්න.