Как использовать rowDoubleClick в Angular, если одна и та же сетка используется для нескольких компонентов?

Question

У меня есть ag-grid, который используется в 4 различных Angular компонентах. Я хочу включить rowDoubleClicked только для одного компонента. Но когда я даю его в сетке, он включается для всех компонентов.

Как мне сделать так, чтобы он включал только один конкретный метод, который испускается для этого конкретного компонента?

Я читал, что мы можем использовать this.gridOptions.onRowDoubleClicked в файле component.ts, но не уверен, как именно использовать его для конкретного метода.

template: -

<ag-grid-angular
      [columnDefs]="columnDefs"
      [rowData]="rowData"
      [rowSelection]="rowSelection"
      (gridReady)="onGridReady($event)"
      (rowDoubleClicked) = "onRowDoubleClick()"
      gridOptions="{{ gridOptions }}"
    >
    </ag-grid-angular>

component.ts: -

onRowDoubleClick(){
     console.log("Double Click works for a particular component");
     }

Answer 1

Определите gridOptions в вашем компоненте и передайте его в шаблон. Примерно так:

Внутри шаблона:

[gridOptions]="gridOptions"

В компоненте:

export class YourComp {
   gridOptions: GridOptions; //Declare gridoptions
   constructor(){
        this.gridOptions = {
        onRowDoubleClick: yourMethod()
      }
  }
}