如何處理網格網格中的對象的嵌套數組（角）

Question

我在angular6中使用ag-grid，我在同一行中獲取對象的嵌套數組，我需要顯示某個特定字段的多個記錄

 { "Id": "123", "Name": "usb", "email": "123@gmail.com", "Config": [ { "config": "config1", "field2": "1", "field3": "1", "field4": "1", }, { "config": "config2", "field2": "3", "field3": "3", "field4": "3", } ] }, { "Id": "123", "Name": "usb", "email": "123@gmail.com", "Config": [ { "config": "config1", "field2": "1", "field3": "1", "field4": "1", }, { "config": "2", "field2": "3", "field3": "3", "field4": "3", }, { "field1": "2", "field2": "3", "field3": "3", "field4": "3", } ] } 

在上面的對象中，當我到達config字段時，需要顯示以下內容，因為該配置計數是動態的

Answer 1

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

因此，在您的columnDefs中，對於諸如config和field之類的字段，您需要使用如下所示的cellRendererFramework。

  {
    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;
  }
}