Angular ටෙම්ප්ලේටයේ ඉවෙන්ට් හැන්ඩ්ලර් බැඳීම

Angular හි, ඉවෙන්ට් හැන්ඩ්ලර් ටැග වලට විශේෂ ආකාරයකින් බැඳේ - ගුණාංග භාවිතා කිරීමෙන්. වටකුරු වරහන් තුළ ඉවෙන්ටයේ නම සඳහන් කර ඇත, සහ ගුණාංගයේ අගය තුළ කොම්පොනන්ට් වර්ගයේ ක්‍රමයක් ඇමතුම් කරනු ලැබේ, එය මෙම ඉවෙන්ටය සඳහා ක්‍රියාත්මක විය යුතු එකකි.

උදාහරණයක් ලෙස, බටනයක් මත ක්ලික් කිරීමෙන් කොම්පොනන්ට් වර්ගයේ show ක්‍රමය ක්‍රියාත්මක වන පරිදි කරමු:

app/app.component.html<button (click)="show()">
  button
</button>

දැන් කොම්පොනන්ට් වර්ගය තුළ show ක්‍රමයේ යෙදවුම ලියමු:

app/app.component.tsexport class AppComponent {
  public show(): void {
    alert('test');
  }
}