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

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){&nbsp; &nbsp; try{&nbsp; &nbsp; &nbsp; &nbsp;event.stopPropagation();&nbsp; &nbsp; &nbsp; &nbsp;const result = await this.service.getFlaggedMail(email).toPromise()&nbsp; &nbsp; }&nbsp; &nbsp; catch(err){}&nbsp;}本质上，您将点击事件传递给该方法并停止事件在那里传播。