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

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>