如何使用 for 在 AgGrid 中创建列？角2

Question

我正在尝试以动态方式在 AgGrid 中创建列，因为我没有说他构建 JSON。我对'for' 有疑问

html

<ag-grid-angular #agGrid style="width: 100%; height: 100%;" id="myGrid" class="ag-theme-balham" [columnDefs]="columnDefs"
  (gridReady)="onGridReady($event)">
</ag-grid-angular>

组件.ts

  private gridApi;
  private gridColumnApi;
  public gridOptions;
  public columnDefs;

  constructor(
    private http: HttpClient,
  ) {}



  private createColumns(data) {
    return [{
                   I TRY...
          }]; 
  }

  ngOnInit() {
    this.gridOptions = <GridOptions>{};
  }

  onGridReady(params) {
    this.gridApi = params.api;
    this.gridColumnApi = params.columnApi;

    this.http.get(this.config.getUrl('projectunits')).subscribe(data => {
      console.log(data);
      params.api.setRowData(data);
       this.columnDefs = this.createColumns(data);

    });
    params.api.sizeColumnsToFit();
  }

我试试：

return [{
     data.Results.array.forEach(element => {
    console.log(element);
     });
 }]; 

这就是说：data.这是希望“：”

我也试试：

 return [{
      for (i = 0; i < data.Results.length; i++) {
            console.log(data[i]);
    }
  }

这说“算术运算符应该是任何o数”

我遇到了 for 的问题，我尝试了 4 、 5 种不同的东西......

我的意图或想法是：

private createColumns(data) {
    return [{
            for (i = 0; i < data.Results.length; i++) {
             headerName: data[i] ,
             field: data[i],
             }
          } ]; //End header agrid
  }

因为我不知道 Json 的结构：

Answer 1

你可以试试：

private createColumns(data) {
    const columns: { [fieldName: string]: ColDef } = {};
    data.Results.forEach(colData => {
        columns[colData.id] = {
            headerName: colData.header,
            field: coldata.field
        }
    })
    return columns;
}