如何解决如何在Angular Material Table中将嵌套数组显示为行?
我正在尝试从JSON下面的角度垫表中显示错误日志(applicationErrors数组)的表,如下所示: Respone JSON
我要这样显示我的表:
Production name | Application name | Request Time | Log
Fifth Production | Fifth Application | 2020... | log error
Fifth Production | Fifth Application | 2020... | next log error
有什么主意,我应该如何反复进行迭代以获得高于预期的结果?
在“普通”表中很容易做到,但是我不知道如何在mat-table中做到这一点(我想使用分页和通过列过滤)。
解决方法
您可以简单地通过使用for循环并遍历数组来完成此操作。
您只需要维护一个数组即可用于在表中显示数据。
请使用以下代码来满足您的要求。
Let dataArray:any[]=[];
this.data.forEach((production)=>{
production.application.forEach((application)=>{
application.applicationErrors.forEach((error)=>{
let obj = {'product':production.name,'application':application.name,'request time':error.requestTime,'log':error.log}
dataArray.push(obj)
})
})
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。