Html 双击由angular 11写入的行,检索我的ag网格的行数据时出现问题

Html 双击由angular 11写入的行,检索我的ag网格的行数据时出现问题,html,angular,typescript,ag-grid-angular,Html,Angular,Typescript,Ag Grid Angular,我在我的角度项目中使用了ag网格。我想检索双击的行数据并将其复制到一个变量,但最后它显示的是[object object],而不是我的行数据 这是我的密码: .html文件: <p>data:{{rowsSelection}}</p> <ag-grid-angular style="width: 100%; height: 500px;" class="ag-theme-balham&quo

我在我的角度项目中使用了ag网格。我想检索双击的行数据并将其复制到一个变量,但最后它显示的是[object object],而不是我的行数据

这是我的密码:

.html
文件:

<p>data:{{rowsSelection}}</p>
<ag-grid-angular    style="width: 100%; height: 500px;"
                    class="ag-theme-balham"
                    [rowData]="rowdata"
                    [columnDefs]="gridOptions.columnDefs"
                    [defaultColDef]="gridOptions.defaultColDef"
                    [enableRtl]="agGridPropeties.enableRTL"
                    [localeText]="localeTextPersian"
                    [rowSelection]="agGridPropeties.rowSelection"
                    [multiSortKey]="agGridPropeties.multiSortKey"
                    [pagination]="agGridPropeties.pagination"
                    [paginationPageSize]="agGridPropeties.paginationPageSize"
                    enableCharts="true"
                    rowDragManaged="true"
                    animateRows="true"
                    [sideBar]="sideBar"
                    (rowClicked)='onRowClicked($event)'
                    (cellClicked)='onCellClicked($event)'
                    (selectionChanged) = 'onSelectionChanged($event)'
                    (rowDoubleClicked) = 'onRowDoubleClicked($event)'
                    >
</ag-grid-angular>
在控制台中,我可以看到数据,但在
p
标记中,我看到了[object]

以下是console.log结果:

doubleClicked:
api: GridApi {detailGridInfoMap: {…}, destroyCalled: false, immutableService: ImmutableService, csvCreator: CsvCreator, excelCreator: null, …}
columnApi: ColumnApi {columnController: ColumnController}
context: undefined
data: {Unit_Code: 20003, Unit_Title_Persian: "بسته 4 عددی", Conversion_factor: 4, Parent_Unit_ID: 10001}
event: MouseEvent {isTrusted: true, screenX: 1025, screenY: 866, clientX: 1025, clientY: 763, …}
node: RowNode {childrenMapped: {…}, selectable: true, __objectId: 4, alreadyRendered: true, highlighted: null, …}
rowIndex: 3
rowPinned: undefined
source: RowComp {destroyFunctions: Array(37), destroyed: false, __v_skip: true, getContext: ƒ, isAlive: ƒ, …}
type: "rowDoubleClicked"
__proto__: Object
__proto__: Object
在我的
p
标签内:

data:[object Object]

你知道吗?

事件处理程序应该是

onRowDoubleClicked(row) { 
  this.rowsSelection = {data: row.data};
  console.log('doubleClicked', row.data);
}

我们应该使用
event.node.data
而不是
event

public onRowDoubleClicked(event: any) { 
  this.rowsSelection = event.node.data.Unit_Code;
  console.log({'doubleClicked': event.node.data});
}

它不起作用。
public onRowDoubleClicked(event: any) { 
  this.rowsSelection = event.node.data.Unit_Code;
  console.log({'doubleClicked': event.node.data});
}