PrimeNg动态对话框data未传递：DynamicDialogConfig显空但部分参数生效

排查步骤与解决方案 #

1. 确认组件内的DynamicDialogConfig注入正确 #

在results.component.ts中，确保你正确注入了DynamicDialogConfig，并在构造函数中声明：

import { DynamicDialogConfig } from 'primeng/dynamicdialog';

constructor(public config: DynamicDialogConfig) { }

// 在ngOnInit或需要的逻辑中获取数据
ngOnInit() {
  const receivedItem = this.config.data;
  console.log('接收的数据:', receivedItem);
}

若使用@Inject方式注入，需使用对应令牌：

import { DynamicDialogConfig, DYNAMIC_DIALOG_CONFIG } from 'primeng/dynamicdialog';

constructor(@Inject(DYNAMIC_DIALOG_CONFIG) public config: DynamicDialogConfig) { }

2. 检查模块配置 #

确保功能模块（如AppModule或对应业务模块）中正确导入并配置相关模块与服务：

import { DynamicDialogModule } from 'primeng/dynamicdialog';
import { DialogService } from 'primeng/dynamicdialog';

@NgModule({
  imports: [
    // 其他依赖模块
    DynamicDialogModule
  ],
  providers: [
    DialogService
  ],
  declarations: [
    ResultsComponent,
    ResultsTableComponent
  ]
})
export class YourFeatureModule { }

• 注意：Angular 9+ 无需将ResultsComponent加入entryComponents，但旧版本Angular必须添加该配置。

3. 验证传递的item有效性 #

在results-table.component.ts打开对话框前，先确认item本身不为空：

console.log('待传递的item:', item);
this.dialogService.open(ResultsComponent, {
  data: item,
  header: item.resultId,
  width: '50vw'
});

如果item本身是undefined或null，传递后自然会得到空对象。

4. 检查PrimeNG版本兼容性 #

部分旧版本PrimeNG存在动态对话框数据传递的bug，建议升级到15.x及以上的稳定版本，规避版本兼容问题。

5. 清理组件复用缓存 #

若ResultsComponent被复用，可能存在旧配置缓存。可在组件销毁时清理数据：

// 在ResultsComponent中
ngOnDestroy() {
  this.config.data = null;
}

内容的提问来源于stack exchange，提问作者Michał Sawicki