如何在primeNg动态对话框中访问动态数据

在PrimeNG中，动态对话框（p-dialog）可以通过data属性来传递和访问动态数据。以下是如何在PrimeNG动态对话框中访问动态数据的步骤：

创建动态对话框组件：
- 创建一个组件，该组件将作为动态对话框的内容。
传递动态数据：
- 在打开对话框时，通过data属性传递动态数据。
访问动态数据：
- 在对话框组件中，通过ActivatedRoute或ComponentRef来访问传递的动态数据。

下面是一个简单的示例，展示了如何在PrimeNG动态对话框中访问动态数据：

  <p-header>Dynamic Dialog</p-header>
  <p-body>
    <p>{{ dialogData.message }}</p>
  </p-body>
  <p-footer>
    <button pButton type="button" (click)="dialogVisible = false">Close</button>
  </p-footer>
</p-dialog>

import { Component } from '@angular/core';

@Component({
  selector: 'app-dynamic-dialog',
  templateUrl: './dynamic-dialog.component.html',
  styleUrls: ['./dynamic-dialog.component.css']
})
export class DynamicDialogComponent {
  dialogVisible = false;
  dialogData = { message: '' };

  openDialog(data) {
    this.dialogData = data;
    this.dialogVisible = true;
  }

  closeDialog() {
    this.dialogVisible = false;
  }
}

在这个示例中，p-dialog组件的data属性用于传递动态数据。在DynamicDialogComponent组件中，通过dialogData属性访问传递的动态数据。