关于angular:angular-primeng-Confirmdialog不起作用

angular - primeng - confirmdialog not working

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

HTML

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

typescript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
  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/app/app.app.module.ts


您必须使用<p-confirmDialog header="Confirmation" width="425"></p-confirmDialog>

代替<pa>confirm-dialog<pb>