Métodos de la clase componente en la plantilla Angular

En el markup también se pueden llamar métodos públicos de la clase. Veámoslo en práctica. Supongamos que tenemos el siguiente método:

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

Llamémoslo en el markup:

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

Supongamos que en la clase componente hay los siguientes métodos:

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

Muestra el nombre y apellido en el archivo de plantilla del componente.