Các phương thức của lớp component trong template Angular

Trong phần giao diện, bạn cũng có thể gọi các phương thức public của lớp. Hãy cùng xem xét trong thực tế. Giả sử chúng ta có phương thức sau:

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

Gọi nó trong phần giao diện:

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

Giả sử trong lớp component có các phương thức sau:

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

Hiển thị tên và họ trong file template của component.