Komponens osztály metódusai az Angular template-ben

A HTML markup-ban is meghívhatók a publikus osztálymetódusok. Nézzük meg a gyakorlatban. Tegyük fel, hogy a következő metódusunk van:

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

Hívjuk meg a markup-ban:

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

Tegyük fel, hogy a komponens osztályban a következő metódusok vannak:

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

Jelenítse meg a keresztnevet és a vezetéknevet a komponens template fájlban.