angular - 在 matDailog (Angular 9+) 中注入后在 json 视图中显示数据
问题描述
我需要在MatDialog内的 JSON 视图中显示数据。我正在使用 API 来获取一些数据,然后data
使用MatDialog
. 数据已成功注入,也可在对话框组件中访问。我正在使用ngx-json-viewer 包在 JSON 视图中显示此数据,但它不起作用。这是我打开对话框并将数据传递给它的方式-
const logDetailsDialogRef = this.dialog.open(logDetailsDialog, {
data: {
logDetails
}
});
这是我在模板页面上使用的 -
<ngx-json-viewer [json]="data.logDetails"></ngx-json-viewer>
解决方案
您必须在构造函数中注入 @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
}
});
推荐阅读
- mysql - 如何在 MySQL 中对空间索引进行分区或将其与 BTREE 索引结合使用?
- logging - 我的日志消息有问题,我无法解决
- rust - 如何使用 Cargo 用路径修补 crates-io?
- node.js - 来自 Postman 和 Node 的 HTTP 请求,但不是 React
- scala - Spark (Scala) 修改数据集列的内容
- python - OverflowError: (34, 'Numerical result out of range') 使用 PyTorch 学习率调度程序
- opencart - 在 Opencart V 3.0.3.0 中提交注册表时显示所有错误
- mysql - 计算日期之间
- android - 即使在取消订阅 IAP google 后也续订订阅
- php - 功能AFTER authentication and BEFORE view (laravel)