Question

单击时，我有一个ion-card，这会在另一页上打开卡片，而在ion-icon上方的ion-card中，我有一个功能，单击该功能会打开个人资料页面。

问题是，当我单击ion-icon时，它会触发viewProfile()方法，并且还会触发openPage()中的ion-card方法。

<ion-card class="cards" text-left (click)="openPage(item)"
      *ngIf="uid != item.uid && !item.hasOwnProperty('opponentUid')">
  <!--Card-image-->
  <div card-image>
      <img [src]="item.imageUrl" />
      <span edit text-uppercase>
         <ion-icon name="contact" (click)="viewProfile(item.uid)"></ion-icon>
      </span>
   </div>
</ion-card>

关于如何解决此问题的任何建议。谢谢

Answer 1

离子卡中包含 ion-icon ，我建议在卡片图像div上移动离子卡点击动作。

<ion-card class="cards" text-left 
      *ngIf="uid != item.uid && !item.hasOwnProperty('opponentUid')">
  <!--Card-image-->
  <div card-image (click)="openPage(item)">
      <img [src]="item.imageUrl" />
      <span edit text-uppercase>
         <ion-icon name="contact" (click)="viewProfile(item.uid)"></ion-icon>
      </span>
   </div>
</ion-card>

当我单击离子卡中的ion-icon方法时，也会触发

1 个答案: