Angular 2 ag-grid Dynamic JSON data is not loading

Question

ngOnInit(){
    this.gridOptions = {};
    this.gridOptions.rowData = [];

    this.gridOptions.rowData = [
      {configName: 1, configName1: "Jarryd", configName2: "Hayne", configName3: "tttttt", configName4: "rrrtttt",
       configName5:"drrrrrr"}];
}

Hard Coded value is loading in table. But inside service dynamic value is not loading.

this.service.getData(fields).subscribe(data => {
    data.be.forEach(element => {

        let tableData = {configName: element.configName, configName1: element.configName1, configName2: element.configName2, configName3: element.configName3, configName4: element.configName4, configName5:element.configName5}

        this.gridOptions.rowData.push(tableData )
    }
}

Satyabrat Kumar Satyabrat Kumar · Accepted Answer · 2017-04-18T13:16:09

I think it's better to create an internal list @

configOptions:string[];

this.service.getData(fields).subscribe(data => {
data.be.forEach(element => {

    let tableData = {configName: element.configName, configName1:   element.configName1, configName2: element.configName2, configName3: element.configName3, configName4: element.configName4, configName5:element.configName5}

    this.configOptions.push(tableData );
     this.gridOptions.api.setRowData(this.configOptions);
}
}

Angular 2 ag-grid Dynamic JSON data is not loading

2 Answers