Angular-8 : p-confirm 对话框没有在 primeng 的 p-dialog 之上打开

Question

Angular 8 +primeng 8

我们使用了Primeng包问题：当我们尝试从 p-dialog 打开 Primeng 的确认对话框时，它没有打开。但是当我们尝试直接从页面本身打开确认对话框时，它会正确打开。

甚至我们尝试在 p-dialog 和 p-confirmDialog 上添加 appendTo="body" 属性

参考下面的代码

<p-confirmDialog key="deletealerts" header="Confirmation" icon="pi pi-exclamation-triangle"></p-confirmDialog>

谢谢

Answer 1

尝试仅将 appendTo="body" 添加到 p-confirmDialog。

Answer 2

仅将 appendTo="body" 添加到 p-confirmDialog 但没有用.. 打开另一个

时遇到问题

所以我们为此所做的是我们在现有的基础上打开了另一个，并给出了确认消息，例如带有 yes/no 按钮的视图。

Answer 3

您已 key="deletealerts" 设置。如果您的模板未指定该键，则不会出现对话框，因为它不会看到相应的模板。您可以将该密钥添加到模板或将其从 p-confirmDialog.

中删除

Answer 4

有点晚了，但如果您需要一个干净的解决方案，您可以尝试将 p-confirmDialog 放在 p-dialog 中像这样：

<p-dialog header="Test Header" [(visible)]="yourDialog" [modal]="true" [maximizable]="true" [baseZIndex]="10000"
      [draggable]="false" [resizable]="false">
      <ng-template pTemplate="content">
        <p-confirmDialog header="Delete" icon="pi pi-exclamation-triangle"></p-confirmDialog>
    
      </ng-template>
      <ng-template pTemplate="footer">
    
      </ng-template>
</p-dialog>

这解决了我的问题。

Angular-8 : p-confirm 对话框没有在 primeng 的 p-dialog 之上打开

Angular-8 : p-confirm dialog not opening on top of p-dialog of primeng

primeng

angular

primeng-datatable