Angular2+PrimeNg踩坑之 p-confirmDialog （弹出框）

注：下面我介绍的是 p-confirmDialog（对话框） 在完整的项目中的用法,，以及在嵌套使用的时候的用法，关于在单个页面中的用法可以参考官网。官网地址：https://www.primefaces.org/primeng/#/

1、引入ConfirmDialogModule模块

在项目中全局引入ConfirmDialogModule模块，需要在app.modules.ts文件引入

import {
  ConfirmDialogModule,
  ConfirmationService
} from 'primeng/primeng';

Import: [ ConfirmDialogModule],

Providers: [ ConfirmationService ]

2、插入标签

在项目中，一般是将标签放在文件main.component.html文件中，以便于用于全局。也就是说，你只需要在main.component.html中定义一次就可以在整个项目中使用了。

语法：

<p-confirmDialog [appendTo]="'body'" [acceptLabel]="'确定'" [rejectLabel]="'取消'"></p-confirmDialog>

3、单次使用（不嵌套使用）

（1）在当前页引入

import {ConfirmationService} from 'primeng/primeng';