我希望标志图标在单击标志图标时调用服务，而不是我尝试使用

Question

我已经尝试过此操作以更新 updateFlag 邮件，但是当我单击 updateFlag 时，它调用的不是一项服务，而是一项服务。我正在尝试使用 event.stoppropagation()<a class="list" (click)="getMailItem(id)"><div><div (click)="updateFlag(email)"><span class="material-icons>flag</span></div></div></a>async updateFlag(email){try{const result = await this.service.getFlaggedMail(email).toPromise()}catch(err){}

Answer 1

尝试：

<div (click)="updateFlag(email, $event)"><span class="material-icons>flag</span></div></div>

async updateFlag(email, event){

    try{

       event.stopPropagation();

       const result = await this.service.getFlaggedMail(email).toPromise()

    }

    catch(err){}

 }

本质上，您将点击事件传递给该方法并停止事件在那里传播。