单击“是”,“否”或“关闭”(X)后,无法关闭Primeng ConfirmDialog

时间:2019-02-11 14:00:32

标签: angular

在P表中使用PrimeNg ConfirmDialog(p-confirmDialog)删除记录。单击是/否/关闭(X)后,确认对话框没有关闭。

以下是我称为单击删除的方法

confirm(id) {
    console.log("User Id---  "+id);
    this.confirmationService.confirm({
    message: 'Do you want to delete this record?',
    header: 'Delete Confirmation',
    icon: 'pi pi-info-circle', 
    accept: () => {
        this.deleteUser.emit(id);
    },
    reject: () => {

     }
  });
}

1 个答案:

答案 0 :(得分:0)

p-confirmDialog必须由ConfirmationService使用,其用法示例如下:

import { ConfirmationService } from 'primeng/components/common/api';

 export class AppComponent {

  constructor(private confirmationService: ConfirmationService) { }

  canDelete() {
    return Observable.create((observer: Observer<boolean>) => {
      this.confirmationService.confirm({
        message: 'You have unsaved changes. Are you sure you want to leave this page?',
        accept: () => {
          observer.next(true);
          observer.complete();
        },
        reject: () => {
          observer.next(false);
          observer.complete();
        }
      });
    });
  }
}

在视图模板中,您必须像这样提供confirmDialog

<p-confirmDialog header="Warning" icon="fa fa-question-circle">

希望有帮助! 确保下次提供一些代码,否则您的帖子将被降级。