在两个离子图标之间切换

【问题标题】：Toggle between two ion icons在两个离子图标之间切换
【发布时间】：2021-01-06 11:45:52
【问题描述】：

我是 ionic 新手，试图弄清楚如何完成以下任务。

我想在 2 个离子图标之间切换，如有任何帮助，我们将不胜感激

【问题讨论】：

【解决方案1】：

当然！如果您使用 Angular，这是一个简单的实现。点击可在竖起大拇指和竖起大拇指之间切换。

JavaScript/打字稿

showThumbsUp = true;

toggleThumb() {
    if (this.showThumbsUp) {
      this.showThumbsUp = false;
    } else {
      this.showThumbsUp = true;
    }
  }

HTML

<ion-content>
  <ion-fab vertical="center" horizontal="center" slot="fixed" (click)="toggleThumb()">
    <ion-fab-button>
      <ion-icon *ngIf="showThumbsUp" name="thumbs-up"></ion-icon>
      <ion-icon *ngIf="!showThumbsUp" name="thumbs-down"></ion-icon>
    </ion-fab-button>
  </ion-fab>
</ion-content>

【讨论】：