gridEptions.onRowDoubleClicked上的事件发射器@output

时间:2018-05-20 12:48:16

标签: angular ag-grid

我正试图在双击一行时从ag-grid恢复客户端。 我正在使用角度5和ag-grid。

ag-grid是一个名为grid_client的组件中的子项,当我双击一个给定的行时,我在一个名为quotation-creation的Parent组件中注入了我可以控制子项中单击的行,但是在父组件中什么都没出现!这是我的代码: 子级:客户端网格组件

@Output() clientRow  : EventEmitter<any> = new EventEmitter();
 createGridOptions() {
     this.gridOptions = <GridOptions>{};
     this.gridOptions.onRowDoubleClicked = this.clientAdd;
    }
 clientAdd=(row)=>{
    this.clientRow.emit(row.data);
    console.log(row.data)// i could be sure that the row is displayed in the console
 }

之后,我在家长中调用了我的活动:

<h3>List of client</h3>
        <app-grid-client (clientRow)='rowClient($event) >//to display the grid and recuperate the event

    </app-grid-client>

在父组件的ts中

rowClient( row ) {
    console.log(row);
}

父组件中没有任何内容出现错误或未定义。

你能帮忙知道为什么我没有点击父母的行吗?

1 个答案:

答案 0 :(得分:0)

您似乎在HTML中出现错误,但是您错过了结束',似乎您的JavaScript中的内容正确无误。

请从以下位置更改:

<app-grid-client (clientRow)='rowClient($event) >//to display the grid and recuperate the event

</app-grid-client>

<app-grid-client (clientRow)='rowClient($event)' >//to display the grid and recuperate the event

</app-grid-client>