当我的行数据从一个组件传递到另一个组件时，如何检测ag-grid的变化。

Question

我正在一个项目上工作，这是Angular6 &我们正在实现ag-grid从angular对话框填充数据。由于多个团队的工作，所以他们正在创建有自己的组件，我被卡在一个不寻常的情况，我无法找出如何解决的情况。我们有一个按钮叫（ADD OWNER），这是一个名为ADD-OWNER.component.ts的组件，我打开一个对话框，并通过另一个名为ownerdetails.component.ts的组件，其中有我所有的形式细节。在对话框上有两个按钮（ADDCANCEL），这样我就可以将数据推送到元数据服务中，因为我不需要将数据保存在数据库中，我必须将数据保存在浏览器中。现在，我必须将这些所有者的详细信息传递到另一个名为Gridcomponent的组件中，那里是我的ag-grid，所以我使用输入属性事件将数据从add-owner.component发送到grid组件。我通过传递输入细节，将网格组件选择器渲染到我的add-onwer.component.ts中。现在我在网格中使用输入属性来接收值，但我希望当行数据发生变化时，网格能自动更新。值没有被更新，我如何实现这个目标。我可以看到值被推送到所有者列表中，但我必须以某种方式显示在网格中。 我没有确切的代码，但我已经尽力解释了。

ADD-OWNER.Component.html

<button mat-button (click)="openDialog()">Open dialog</button>
      <app-grid-selector [gridOptions]="ownerlist ">

ADD-OWNER.Component.ts

  openDialog() {
    const dialogRef = this.dialog.open(OwnerDetails);

    dialogRef.afterClosed().subscribe(result => {
      ownerlist = Pushing data into a metadata service which is working fine
    });}

grid.component.html

    <ag-grid-angular 
    style="width: 500px; height: 500px;" 
    class="ag-theme-balham"
    [rowData]="owner" 
    [columnDefs]="columnDefs"
    >
</ag-grid-angular>

grid.component.ts

 @Input() gridoptions
   ngOnint(){
   owner =this.gridOptions.rowData
   }

Answer 1

截至 ag-grid 版本`^22.1.1你可以使用

在组件。

onRowDataUpdated 作为

gridOptions = {
    onRowDataUpdated: function(){//do something}
}

使用 gridOptions 在模板中作为

 <ag-grid-angular
     ...
     [gridOptions]="gridOptions"
     ...
  >
  </ag-grid-angular>