Angular හි අච්චු විචල්යයන්
Angular හි, පිටුවේ ටැග් වලට ප්රවේශ විය හැක්කේ
අච්චු විචල්යයන් භාවිතයෙනි.
ඒවා ටැගයක් විචල්යයකට බැඳීමට සහ
සංරචකය ක්රියාත්මක වන විට එය වෙත යොමු වීමට
ඉඩ සලසයි. එවැනි විචල්යයක් ප්රකාශ කිරීම සඳහා,
එහි නමට පෙර # ලකුණ තැබිය යුතුය.
අපි ප්රායෝගිකව බලමු. උදාහරණයක් ලෙස, අපට div එකක් ඇතැයි සිතමු. අපි එය අච්චු විචල්යයකට ලියා ගනිමු:
<div #userName>
text
</div>
දැන් userName විචල්යය තුළ
අපගේ div හි DOM අංගය වෙත සම්බන්ධතාවයක්
තබා ඇත.
එබැවින් අපට එය පිරිසිදු JavaScript හි
කරන ආකාරයටම එය වෙත යොමු විය හැකිය.
උදාහරණයක් ලෙස, අපි මෙම div හි පාඨය
වෙනත් ටැගයක් තුළ ප්රදර්ශනය කරමු:
<div>
{{ userName.textContent }}
</div>
Div එකක් දී ඇත. රූපයක් දී ඇත.
රූපය වෙත සම්බන්ධතාවය
අච්චු විචල්යයකට ලියන්න.
අපගේ රූපයේ src div එක තුළ ප්රදර්ශනය කරන්න.
