Ag-Grid onGridReady 没有获取参数？

Question

我一直在使用 ag-grid，在查看其他示例时，我看到了下面的代码片段，人们用它来将 ag-grid api 保存为变量供以后使用。

HTML:

 template: `
<ag-grid-angular
  id="grid"
  style="width: 100vw;"
  [style.height] = 'height'
  class="ag-theme-balham ag-grid"
  [columnDefs]="columnDefs"
  [gridOptions]="gridOptions"
  (gridReady)="onGridReady($event)"
></ag-grid-angular>`

typescript :

onGridReady(params){
this.resizeGrid();
this.gridApi = params.api;
this.columnsApi = params.columnApi;}

我一直在尝试做类似的事情，但是当我尝试做同样的事情时，参数显示为“未定义”。我已经尝试了各种方法来尝试获取 api，但它对我不起作用。我的网格正确加载了我传递给它的数据，但它一直告诉我 params.api 未定义。我在这里缺少什么？

Answer 1

经过更多的尝试和错误后设法弄清楚了，发布解决方案以防万一有人遇到同样的问题。

我从我的 HTML 代码中取出 (gridReady)="onGridReady($event)"，并将以下内容添加到我的 GridOptions 声明中:

onGridReady: this.onGridReady.bind(this),

之后我创建了一个新的方法来设置 api，它似乎工作得很好。

onGridReady(event: any){
this.gridApi = event.api;
this.gridApi.sizeColumnsToFit();
}