如何更改父级中的网格数据？

Question

我有父组件，我称之为子组件。子组件是ag-grid。我想要的是每次都将数据从父组件发送到子组件，并在ag-grid 中显示该数据。这是我的笨蛋： https://plnkr.co/edit/2uHs2SwQfpH56DN9Tjjd?p=preview

这是我在父组件中的数据：

  data:any;
  changeData(){
      this.data = [
            {"row": "Row 1", "name": "Michael Phelps"},
            {"row": "Row 2", "name": "Natalie Coughlin"}
        ];
  }

这就是我将数据从父母发送给孩子的方式：

<ag-filter-component [data]="data"></ag-filter-component>
<button (click)="changedata()">CHANGE DATA</button>

Answer 1

更新的 Plunker LINK

import {Component,Input,OnChanges} from '@angular/core'; // imported onChnges to listen to the changed button click

 ngOnChanges(changes: SimpleChanges) {
   console.log(this.data); // can view the updated data when you click CHANGE DATA check console for changing data
    this.gridOptions.api.setRowData = (this.data) ? this.data : this.createRowData(); // this is not working reason mentioned below

 }

原因

git Issues.

我无法在值更改后更新网格，这是现在唯一需要做的检查这个 SO 问题ag-grid gridOptions.api undefined in angular 2。

现在只剩下在子组件中的 ngOnChanges 中，我们需要刷新 网格

这不是完整的答案，但它现在是 agrid 的一个问题，希望对您有所帮助。