angular 2 ag-grid 无法读取 getSelectedRow() 未定义的属性“api”

Question

我在需要构建一些表格模板来显示员工信息的项目中工作，并且协调员选择了其中一名员工来做某事我在来自 AgGridModule 的称为 API 的东西中遇到了一些问题，但是当我尝试选择行以便它可以显示时它在控制台日志中。但我面临一个问题：

StoreComponent.html:2 错误类型错误：无法读取 StoreComponent.push../src/app/Component/store/store.component.ts.StoreComponent.getSelectedRows 处未定义的属性“api”

有人可以帮我解决吗

这是我的代码：- https://stackblitz.com/edit/angular-yfdcbn?file=src%2Fstyles.css

Answer 1

这个问题是因为你没有定义gridApi；你必须(gridReady)="onGridReady($event)"在你的网格 HTML 中定义 griApi in event ；你可以像这样在 ts 中使用 onGridReady ：

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

然后你可以得到你选择的行：

  getSelectedRows() {
    const selectedRow = this.gridApi.getSelectedRows();
    console.log(selectedRow);
  }

如果您卡住了，您可以查看示例示例