Méthodes de la classe composant dans le template Angular

Dans le code HTML, il est également possible d'appeler les méthodes publiques de la classe. Voyons cela en pratique. Supposons que nous ayons la méthode suivante :

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

Appelons-la dans le code HTML :

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

Supposons que la classe du composant contienne les méthodes suivantes :

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

Affichez le prénom et le nom dans le fichier template du composant.