Metodele clasei de componentă în șablonul Angular

În marcaj se pot apela și metodele publice ale clasei. Să vedem în practică. Să presupunem că avem următoarea metodă:

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

Să o apelăm în marcaj:

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

Să presupunem că în clasa de componentă sunt următoarele metode:

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

Afișați numele și prenumele în fișierul șablon componentei.