如何使用 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>

Component.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]);
    }
  }

这个说"arithmetic operator should be any o number "

我对 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;
}

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

How Can I create Columns in AgGrid with for ? Angular2

ag-grid

angular