在matDailog (Angular 9+)中注入后在json视图中显示数据

Question

我需要在MatDialog中的JSON视图中显示数据。我使用API来获取一些数据，然后使用MatDialog的data选项将其注入到对话框中。数据正在成功注入，并且还可以在对话框组件中访问。我使用ngx-json-viewer package在JSON视图中显示此数据，但它不起作用。下面是我如何打开对话框并向其中传递数据的方法-

const logDetailsDialogRef = this.dialog.open(logDetailsDialog, {
    data: {
        logDetails
    }
});

这是我在我的模板页面上使用的-

<ngx-json-viewer [json]="data.logDetails"></ngx-json-viewer>

Answer 1

必须在构造函数中注入@ inject (MAT_DIALOG_DATA)公共数据。

  constructor(
        @Inject(MAT_DIALOG_DATA) public dataF,
        private sanitizer: DomSanitizer,
    
      )
    
     ngOnInit(): void {
    
    
      this.data = this.dataF;
    
    
      }

这保持不变：

const logDetailsDialogRef = this.dialog.open(logDetailsDialog, {
    data: {
        logDetails
    }
});