Angular 7-如何轻松使用prime-ng的p-对话框

npm install primeng --save

import { DialogModule } from 'primeng/dialog';

@NgModule({
  ...
  imports: [
    ...
    DialogModule
  ],
  ...
})
export class AppModule { }

<button (click)="showDialog()" pButton label="Open Dialog"></button>

import { Component } from '@angular/core';
import { DialogService } from 'primeng/dynamicdialog';

@Component({
  ...
})
export class YourComponent {
  constructor(private dialogService: DialogService) { }

  showDialog() {
    const ref = this.dialogService.open(YourDialogComponent, {
      header: 'Dialog Header',
      width: '70%',
      contentStyle: { "max-height": "500px", "overflow-y": "auto" },
      baseZIndex: 10000
    });
  }
}