Angular 7-PrimeNg ConfirmationDialog问题

Question

我有一个使用Angular组件的PrimeNg应用。我对ConfirmDialogModule有问题。

这是我的html：

<span *ngIf="col.header == 'Acciones'" class="table-body-col-small">
 <img src="../../../assets/icons/Delete.svg" class="delete-icon(click)="openDeleteSaleModal(sale.Id)">
 <img src="../../../assets/icons/Edit.svg" class="edit-icon">
  <p-confirmDialog ></p-confirmDialog>
</span>

这是我的openDeleteSaleModal文件上的.ts方法：

openDeleteSaleModal(Id: number){
    console.log("delete sale");
    this.confirmationService.confirm({
      message: 'Esta seguro que desea eliminar esta venta?',
      header: 'Eliminar Venta',
      icon: 'fa fa-question-circle',
      accept: () => {
        console.log("Worked");
      },
      reject: () => {
        console.log("Test");
      }
    })
  }

最后是我的app.module文件

import {DynamicDialogModule} from 'primeng/dynamicdialog';


imports: [
    DynamicDialogModule
  ],

在控制台日志上，我只看到它执行了一次，但是模态显示如下：

屏幕变黑，因为有大约10个模态实例已打开。我必须按10次取消按钮，以便确认对话框开始关闭并再次显示屏幕。

这里有什么错误的想法吗？

Answer 1

您下面的HTML标记缺少"类后的结尾delete-icon。标记问题通常会在角度模板绑定引擎中造成不希望的问题。