Angular 템플릿에서 컴포넌트 클래스 메서드 호출

템플릿에서도 클래스의 공개 메서드를 호출할 수 있습니다. 실제 예시를 통해 살펴보겠습니다. 다음과 같은 메서드가 있다고 가정해 봅시다:

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

템플릿에서 이 메서드를 호출해 보겠습니다:

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

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