如何在Ionic 4中让like不喜欢像facebook instagram这样的博客帖子

export class Post {
  title: string;
  content: string;
  likes: number;
  dislikes: number;
}

<ion-content>
  <ion-card>
    <ion-card-header>
      {{ post.title }}
    </ion-card-header>
    <ion-card-content>
      {{ post.content }}
    </ion-card-content>
    <ion-item>
      <ion-icon name="thumbs-up" (click)="like()"></ion-icon>
      {{ post.likes }} Likes
    </ion-item>
    <ion-item>
      <ion-icon name="thumbs-down" (click)="dislike()"></ion-icon>
      {{ post.dislikes }} Dislikes
    </ion-item>
  </ion-card>
</ion-content>

import { Component } from '@angular/core';
import { Post } from './post';

@Component({
  selector: 'app-post',
  templateUrl: './post.page.html',
  styleUrls: ['./post.page.scss'],
})
export class PostPage {
  post: Post = {
    title: 'Sample Post',
    content: 'This is a sample post.',
    likes: 0,
    dislikes: 0
  };

  like() {
    this.post.likes++;
  }

  dislike() {
    this.post.dislikes++;
  }
}