Методи на компонентен клас в Angular шаблон

В шаблона също може да се извикват публични методи на класа. Нека да разгледаме на практика. Да предположим, че имаме следния метод:

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

Нека го извикаме в шаблона:

app/app.component.html<div>
  {{ show() }}
</div>
Задание 1

Да предположим, че в компонентния клас има следните методи:

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

Покажете името и фамилията във файла на шаблона на компонента.