通过双击由angular 11编写的行来检索ag-grid的行数据时出现问题

npm install --save ag-grid-community @ag-grid-community/angular

import { Component, OnInit } from '@angular/core';
import { GridOptions, ColDef } from 'ag-grid-community';

@Component({
  selector: 'app-my-grid',
  template: `
    <ag-grid-angular
      style="width: 600px; height: 200px;"
      class="ag-theme-alpine"
      [gridOptions]="gridOptions"
      (rowDoubleClicked)="onRowDoubleClicked($event)">
    </ag-grid-angular>
  `
})
export class MyGridComponent implements OnInit {
  gridOptions: GridOptions = {};

  ngOnInit() {
    this.gridOptions = {
      columnDefs: this.createColumnDefs(),
      rowData: this.createRowData(),
      onRowDoubleClicked: this.onRowDoubleClicked.bind(this)
    };
  }

  createColumnDefs(): ColDef[] {
    return [
      { headerName: 'ID', field: 'id' },
      { headerName: 'Value', field: 'value' }
    ];
  }

  createRowData(): any[] {
    return [
      { id: 1, value: 'Data 1' },
      { id: 2, value: 'Data 2' },
      // ... more data
    ];
  }

  onRowDoubleClicked(event: any) {
    console.log('Row double clicked:', event.data);
    // 这里可以处理行数据，例如将其发送到另一个组件或服务
  }
}