Angular PrimeNG p-confirmDialog 显示两次

Question

确认对话框显示两次是什么情况？或者其他方面，确认对话框显示两次是什么原因？

我有一个简单的对话框模板

<p-confirmDialog icon="fa fa-exclamation-triangle"
                 width="444"
                 [closable]="false"
                 key="uniqueidofdialog"
                 appendTo="body"
                 #dialogref>
  <p-footer>
    <button id="gemini_consentLockedByAnotherUser_btnOk"
            type="button"
            pButton
            class="button-primary"
            label="OK"
            (click)="dialogref.accept()"></button>
  </p-footer>
</p-confirmDialog>

  private showConfirmDialog() {
    this.confirmationService.confirm({
      message: `Warning! blah-blah.`,
      header: `Warning header`,
      key: 'uniqueidofdialog',
      accept: () => {
        // TODO
      }
    });     
  }

当然，ComfirmationService 包含在模块的提供者部分，ComfirmDialogModule 被导入模块的导入部分。 showConfirmDialog() 调用一次。

我错过了什么？

提前致谢

Answer 1

如果您没有提供任何 key ，您也可以通过为您的组件提供 ConfirmationService 来解决这个问题

@Component({
  providers: [ConfirmationService], // <- inject the service at the component level.
  selector: 'your-component',
  styleUrls: ['./your.component.scss'],
  templateUrl: './your.component.html',
})