角度 - Primeng - 确认对话框不起作用

Question

Angular 7 - primeng - 确认对话框不起作用

HTML

<p>confirm-dialog</p>
<button type="button" (click)="confirm()" pButton icon="pi pi-check" label="Confirm"></button>

打字稿

  confirm() {
console.log('confirm called...')
this.confirmationService.confirm({
  message: 'Are you sure that you want to proceed?',
  header: 'Confirmation',
  icon: 'pi pi-exclamation-triangle',
  accept: () => {
    this.msgs = [{ severity: 'info', summary: 'Confirmed', detail: 'You have accepted' }];
    console.log('accept...')
  },
  reject: () => {
    this.msgs = [{ severity: 'info', summary: 'Rejected', detail: 'You have rejected' }];
  }
});

Stackblitz 上的完整代码

https://stackblitz.com/edit/jjay-angular-primeng-gaiizg?file=src%2Fapp%2Fapp.module.ts

Answer 1

而不是<p>confirm-dialog</p>你必须使用一些东西<p-confirmDialog header="Confirmation" width="425"></p-confirmDialog>