如何在ag grid中处理对象的嵌套数组(Angular)

// 自定义单元格渲染器
@Component({
  template: `
    <div *ngFor="let item of value">
      {{ item }}
    </div>
  `
})
export class NestedArrayRendererComponent implements ICellRendererAngularComp {
  value: any[];

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

  refresh(params: ICellRendererParams): boolean {
    this.value = params.value;
    return true;
  }
}

// 自定义单元格编辑器
@Component({
  template: `
    <div *ngFor="let item of value">
      <input [(ngModel)]="item" />
    </div>
  `
})
export class NestedArrayEditorComponent implements ICellEditorAngularComp {
  value: any[];

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

  getValue(): any {
    return this.value;
  }

  isPopup(): boolean {
    return true;
  }
}

// 列定义
const columnDefs = [
  {
    headerName: 'Nested Array',
    field: 'nestedArray',
    cellRendererFramework: NestedArrayRendererComponent,
    cellEditorFramework: NestedArrayEditorComponent
  }
];

// 使用列定义创建ag-Grid
<ag-grid-angular
  [columnDefs]="columnDefs"
  [rowData]="rowData"
  [frameworkComponents]="{
    nestedArrayRenderer: NestedArrayRendererComponent,
    nestedArrayEditor: NestedArrayEditorComponent
  }"
></ag-grid-angular>