Html 我是否可以在按钮项中插入按钮，并针对不同的反应进行单击？

对于我的Ionic项目，我想在按钮项中添加一个“删除”按钮

有两个函数，我期望openItem（）在单击按钮项的img时触发，另一个函数delete（）在单击“delete”按钮时触发。然而，当我点击“detele”按钮时，它并不能达到这个目的

      <button ion-item>
        <ion-avatar item-start (click)="openItem(item)">
          <img [src]="item.profilepic" />
        </ion-avatar>
        <h2>{{item.befollowed_name}}</h2>
        <p>{{item.befollowed_email}}</p>
        <p>{{item.status}}</p>
        <button ion-button color="danger"(click)="delete(item)">delete</button>
        <ion-note item-end *ngIf="item.note">{{item.note}}</ion-note>
      </button>

{{item.befollowed_name}}
{{item.befollowed_email}

{{item.status}

删除
{{item.note}

---

您能帮助我如何使“删除”按钮按我的期望工作吗？

为您的“删除”按钮添加一个

项目内容属性。

删除

另一方面，你们可以在你们最上面的容器上使用离子，而不是使用上面的解决方案吗

然后，您可以在ion化身中添加一个
光标：指针
样式，这样光标在悬停图像时会发生变化

e、 g


{{item.befollowed_name}}
{{item.befollowed_email}

{{item.status}

删除
{{item.note}
非常感谢。它工作得很好。你能告诉我如何在最上面的容器上使用离子物品吗？
<ion-item>
    <ion-avatar item-start (click)="openItem(item)">
       <img [src]="item.profilepic" style="cursor: pointer;" />
    </ion-avatar>
    <h2>{{item.befollowed_name}}</h2>
    <p>{{item.befollowed_email}}</p>
    <p>{{item.status}}</p>
    <button ion-button color="danger"(click)="delete(item)">delete</button>
    <ion-note item-end *ngIf="item.note">{{item.note}}</ion-note>
</ion-item>