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 )
    }
}

score 0 · Answer 1 · answered Apr 18 '17 at 13:16

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);
}
}

score 0 · Answer 2 · edited May 23 '17 at 11:54

0

Check this topic with the similar issue. It seems your way to update ag-grid isn't correct.

edited May 23 '17 at 11:54

Community

1
1

answered Apr 18 '17 at 13:36

hiper2d

2,814
1
18
14

Angular 2 ag-grid Dynamic JSON data is not loading

2 Answers2