Javascript 如何处理ag网格中对象的嵌套数组（角度）

我在angular6中使用ag网格，我在同一行中得到对象的嵌套数组，我需要显示某个特定字段的多个记录

{
“Id”：“123”，
“名称”：“usb”，
“电子邮件”：123@gmail.com",
“配置”：[
{
“配置”：“配置1”，
“字段2”：“1”，
“字段3”：“1”，
“字段4”：“1”，
},
{
“配置”：“配置2”，
“字段2”：“3”，
“字段3”：“3”，
“字段4”：“3”，
}
]
},
{
“Id”：“123”，
“名称”：“usb”，
“电子邮件”：123@gmail.com",
“配置”：[
{
“配置”：“配置1”，
“字段2”：“1”，
“字段3”：“1”，
“字段4”：“1”，
},
{
“配置”：“2”，
“字段2”：“3”，
“字段3”：“3”，
“字段4”：“3”，
},
{
“字段1”：“2”，
“字段2”：“3”，
“字段3”：“3”，
“字段4”：“3”，
}
]
}

您可能需要使用ag grid提供的

因此，在columnDefs中，对于config和fields等字段，您需要使用如下所示的CellRenderFramework

  {
    headerName: 'config',
    field: 'config',
    cellRendererFramework: YourRenderer
  }

在您的YourRenderer中，如下所示：

@Component({
  selector: 'your-renderer',
  template: `
   <div> the way you wanted to display the config </div>
  `
})
export class YourRenderer implements ICellRendererAngularComp {
  public params: ICellRendererParams;

  public agInit(params: ICellRendererParams): void {
    this.params = params.value;
  }

  public refresh(params: ICellRendererParams): boolean {
    return false;
  }
}

@组件({
选择器：“您的渲染器”，
模板：`
您希望显示配置的方式
`
})
导出类YourRenderer实现ICellRenderAngularComp{
公共参数：IcellRenderParams；
公共agInit（参数：IcellRenderParams）：无效{
this.params=params.value；
}
公共刷新（参数：IcellRenderParams）：布尔值{
返回false；
}
}

它正在工作，但只有一条记录出现（对于仅检索第一条记录，我不明白。如果您将代码发布在stackblitz上并共享，会更好