Angular - отображение номера в ионной карте

Question

Я хочу отобразить счетчик похожих на ионной карте, но не могу заставить его работать. Он не показывает число, и когда мне нравится карта для добавления счетчика, он отображает NaN.

Фрагмент моего файла. html:

<ion-label>
 <ion-icon id="thumbs-up" src="assets/icon/likebutton.svg"></ion-icon>
 <ion-label id="like-count">{{thread.likeCount}}</ion-label>
</ion-label>

Кнопка из. html файла, который добавляет лайки:

<ion-button (click)="[this.thread.likeCount = this.thread.likeCount + 1, this.profilService.addPoints(), this.profilService.updatePoints(this.profilService.pointCounter)]" shape="round" color="primary">
 <ion-icon name="thumbs-up"></ion-icon>
</ion-button>

Метод, который я вызываю из файла .service.ts, который возвращает лайки:

likes: number = 0;
...
getLikes(){
 this.thread.likeCount = this.likes;
 return this.likes;
}

My .model Файл .ts, который имеет атрибуты:

constructor(
    public id: string,
    public heading: string,
    public user: string,
    public date: Date,
    public description: string,
    public likeCount: number = 0,
    public timeLeft: number
){}

И еще один файл .page.ts, который создает ионную карту с таким же счетчиком:

this.threadService.addTicket(this.heading, this.description, this.threadService.getDate(), this.threadService.getLikes()).subscribe();