2017-07-30 35 views
0

我有父組件,我在那裏調用子組件。子組件是ag-grid。我想要的是每次將數據從父組件發送到子組件,並在ag-grid中顯示該數據。這是我的plunker: 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> 

回答

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希望它幫助。

+0

當我點擊更改數據什麼都沒發生 – None

+0

檢查控制檯。我已經更新了爲什麼它沒有發生的原因 –

+0

對chid組件或父組件的ngOnChanges? – None