我正在开发一个在angular6上的项目,我们正在实现ag-grid来填充角度对话框中的数据 . 由于多个团队正在工作,所以他们正在创建自己的组件 . 我陷入了一种不寻常的情况,我无法弄清楚如何解决这种情况 . 我们有一个名为(ADD OWNER)的按钮,它是一个名为ADD-OWNER.component.ts的组件,我打开一个对话框并传递另一个名为ownerdetails.component.ts的组件,其中包含我的所有表单详细信息 . 在对话框上有2个按钮(ADD / CANCEL),因此我将数据推送到元数据服务,因为我不必保存在数据库中,我必须通过浏览器保存数据 . 我在dialog.closed事件中做的那部分编码工作正常 . 现在我必须将这个ownerdetails传递给另一个名为Gridcomponent的组件,其中我的ag-grid是这样我使用input属性事件从我的add-owner发送数据 . 组件到网格组件 . 我通过传递给定的输入细节将网格组件选择器渲染到我的add-onwer.component.ts中 . 现在我在网格中使用输入属性来接收值,但我想在rowdata发生更改时自动更新网格 . 该值未更新,我该如何实现 . 我可以看到值被推入所有者名单但不知何故我必须在网格中显示 . 我没有确切的代码,但我尽力解释 .

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
   }