如何在 ag 网格 angular 的子列上显示 api 数据

Question

如何在children中调用fieldName或如何显示。

这是代码。

list.component.ts

      monthNames = new Array(
    ['January'], ['February'], ['March'],
    ['April'], ['May'], ['June'],
    ['July'], ['August'], ['September'],
    ['October'], ['November'], ['December'],
  );

 ngOnInit() {
    this.setColumnHeader();
  }

setColumnHeader() {
       this.globals.getData('/users').pipe(take(1)).subscribe((data: any) => {
              const record = data['data'];
              record.map((x: any) => {
                this.rowData.push({
                  'fieldName': x.firstName,
                  'lastName': x.lastName
                });
              });
            });

            for (let i = 0; i <= 11; i++) {
              this.columnDefs.push({
                'headerName': this.monthNames[i],
                'field': this.monthNames[i],
                'width': 100,
               ///child
                'children': [
                  {
                    'headerName': 'Total', 'columnGroupShow': 'closed', 'field': 'total',
                    'valueGetter': function (params: any) {
                      return params.data.sample + params.data.sampleb;
                    }
                  },
                  {
                      'headerName': 'a', 'editable': true, 'columnGroupShow': 'open', 'field': 'sample',
                      'valueParser': this.numberParser
                  },
           ////////call the fieldName
                 {
                    ///here 

                    ///the 'headerName' should be the fieldName
                  }

          });
        }
      }
}
 numberParser(params: any) {
    return Number(params.newValue);
  }

提前致谢。

Answer 1

不清楚你真正想要什么，但在这里你可以试试这个。

for (let i = 0; i <= 11; i++) {
  const data = {
    'headerName': this.monthNames[i],
    'field': this.monthNames[i],
    'width': 100,
    ///child
    'children': [
      {
        'headerName': 'Total', 'columnGroupShow': 'closed', 'field': 'total',
        'valueGetter': function (params: any) {
          return params.data.sample + params.data.sampleb;
        }
      },
      {
        'headerName': 'a', 'editable': true, 'columnGroupShow': 'open', 'field': 'sample',
        'valueParser': this.numberParser
      },
    ]
  }
  for (let j = 0; j < this.rowData.length; j++) {

    data.children.push(
      {
        'headerName': this.rowData[j].fieldName, 'editable': true, 'columnGroupShow': 'open', 'field': 'sample',
        'valueParser': this.rowData[j].lastName
      }
    )
  }
  this.columnDefs.push(data)
}

如果这不是您所期望的，您可以发表评论，希望有所帮助。