Primeng - 将数据传递给对话组件的对话服务

在开发应用程序时，对话框组件是一个非常有用的工具，它可以用来与用户进行交互和展示信息。PrimeNG是一个流行的Angular UI组件库，其中包含了一个称为对话服务的模块，它可以帮助我们将数据传递给对话框组件。

npm install primeng --save

typescript
import { DialogModule } from 'primeng/dialog';
import { ButtonModule } from 'primeng/button';
@NgModule({
  imports: [
    // other imports
    DialogModule,
    ButtonModule
  ],
  // other code
})
export class AppModule { }

typescript
import { Component } from '@angular/core';
import { DialogService } from 'primeng/dynamicdialog';
@Component({
  selector: 'app-root',
  template: `
    打开对话框
  `,
})
export class AppComponent {
  constructor(private dialogService: DialogService) {}
  openDialog() {
    const ref = this.dialogService.open(DialogComponent, {
      header: '对话框标题',
      width: '70%',
      contentStyle: { 'max-height': '500px', 'overflow': 'auto' },
      baseZIndex: 10000
    });
    ref.onClose.subscribe((data) => {
      console.log('对话框关闭，返回的数据：', data);
    });
  }
}