Angular ටෙම්ප්ලේටයේ ඉවෙන්ට් හැන්ඩ්ලර් බැඳීම
Angular හි, ඉවෙන්ට් හැන්ඩ්ලර් ටැග වලට විශේෂ ආකාරයකින් බැඳේ - ගුණාංග භාවිතා කිරීමෙන්. වටකුරු වරහන් තුළ ඉවෙන්ටයේ නම සඳහන් කර ඇත, සහ ගුණාංගයේ අගය තුළ කොම්පොනන්ට් වර්ගයේ ක්රමයක් ඇමතුම් කරනු ලැබේ, එය මෙම ඉවෙන්ටය සඳහා ක්රියාත්මක විය යුතු එකකි.
උදාහරණයක් ලෙස, බටනයක් මත ක්ලික් කිරීමෙන්
කොම්පොනන්ට් වර්ගයේ show ක්රමය
ක්රියාත්මක වන පරිදි කරමු:
<button (click)="show()">
button
</button>
දැන් කොම්පොනන්ට් වර්ගය තුළ show ක්රමයේ
යෙදවුම ලියමු:
export class AppComponent {
public show(): void {
alert('test');
}
}
බටන දෙකක් සාදන්න. පළමු එක මත ක්ලික් කිරීමෙන් පරිශීලකයාට සාදරයෙන් පිළිගන්වන්න, සහ දෙවැනි එක මත ක්ලික් කිරීමෙන් - ඔහුට සමුගන්න.
