ag-grid onGridReady无法正常工作

Question

我想在按钮点击内加载ag-grid。我尝试了两种方法，但没有一种方法正常工作

我的代码：第一种方法

 onBtnClick(){
    this.gridOptions ={
        onGridReady : function(){
            console.log("print");
        }
    }
}

第二种方法：

onBtnClick(){
    this.onGridReady();
}
onGridReady(){
   this.gridApi = params.api;
    console.log("print");
}

第一种方法不起作用。第二种方法说api没有定义

Answer 1

你可以采用这种方法。

1. 组件何时显示网格。
2. 使用此标志可以使用*ngIf
有条件地显示网格
3. 点击按钮
设置此标志值

这样，在设置标志之前，不会呈现具有ag-grid的模板。设置后，将呈现模板并调用onGridReady。

<button (click)="btnClick()">Display grid</button>
<ag-grid-angular *ngIf="displayGrid"
  #agGrid
  ......
></ag-grid-angular>


btnClick(){
  this.displayGrid = true;
}

请查看此工作示例：ag-grid display on button click