Component class methods in Angular template

In the layout, you can also call public methods of the class. Let's see in practice. Let's say we have the following method:

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

Let's call it in the layout:

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

Let the component class have the following methods:

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

Display the first and last name in the component template file.