Html 我在Priming中收到多个确认对话框

我正在尝试在angular web应用程序中使用

priming

实现确认对话框。当我点击按钮调用这个方法时，我得到了两次对话框

我放了一个控制台日志来检查这个方法是否被调用了两次，结果是，它在单击时被调用了一次。下面是代码

HTML:

<div class="card">
<p>{{eachsecret.title}}</p>
<p>{{eachsecret.date}}</p>
<div class="container">
<i class="pi pi-eye"></i>&nbsp;
<i class="pi pi-download" (click)="download(eachsecret.sid)"></i>&nbsp;
<i class="pi pi-pencil"></i>&nbsp;
<p-confirmDialog [style]="{width: '50vw'}" [baseZIndex]="10000" rejectButtonStyleClass="p-button-text"></p-confirmDialog>
<i class="pi pi-trash" (click)="delete(eachsecret.sid)"></i>&nbsp;
</div>
</div>

---

您认为这可能是从

i

标记到父

div

的

事件冒泡吗？
delete(sid) {
      console.log("confirmation dialogue method called");
      this.confirmationService.confirm({
      message: 'Are you sure that you want to proceed?',
      header: 'Confirmation',
      icon: 'pi pi-exclamation-triangle',
      accept: () => {
        this.httpClient.delete(environment.baseURL+'/secret/'+sid, { observe: 'response'}).subscribe(data => {});
        this.messageService.add({severity:'info', summary:'Confirmed', detail:'You have accepted'});},
      reject: () => {this.messageService.add({severity:'error', summary:'Rejected', detail:'You have rejected'});}
      });
  }