วิธีการของคลาสคอมโพเนนต์ในเทมเพลต Angular

ในโครงสร้าง HTML ก็สามารถเรียกใช้เมธอดสาธารณะ (public) ของคลาสได้เช่นกัน มาดูการปฏิบัติกัน สมมติว่าเรามีเมธอดต่อไปนี้:

app/app.component.tsexport class AppComponent {
  public show() {
    return 'abcde';
  }
}

เรียกใช้มันในโครงสร้าง HTML:

app/app.component.html<div>
  {{ show() }}
</div>

app/app.component.tsexport class AppComponent {
  public showName() {
    return 'john';
  }
  
  public showSurn() {
    return 'smit';
  }
}