Angular项目中AG Grid从v29升级到v31：获取Grid API的替代方案咨询

嗨，我刚好在Angular项目里处理过AG Grid从旧版本升级的问题，给你分享两个完全适配你场景的方案，不用碰createGrid那套东西！

首先，最常用的是用Angular的@ViewChild来直接获取ag-grid组件实例：

• 先在组件类里导入AgGridAngular，然后用@ViewChild装饰器获取组件引用
• 等视图初始化完成后，就能从这个实例里直接拿到api和columnApi，完美替代原来从gridOptions里取的方式

给你贴个实际能用的代码片段：
模板部分：

<ag-grid-angular
  [gridOptions]="yourGridOptions"
  <!-- 你的其他配置，比如列定义、数据源等 -->
></ag-grid-angular>

组件类部分：

import { Component, ViewChild, AfterViewInit } from '@angular/core';
import { AgGridAngular } from 'ag-grid-angular';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html'
})
export class YourComponent implements AfterViewInit {
  // 声明ag-grid组件引用
  @ViewChild(AgGridAngular) private agGrid!: AgGridAngular;
  // 可选：把API存起来后续用
  private gridApi?: any;
  private columnApi?: any;

  ngAfterViewInit(): void {
    // 从组件实例获取API
    this.gridApi = this.agGrid.api;
    this.columnApi = this.agGrid.columnApi;
    
    // 举个例子，调用API的方法
    this.gridApi?.sizeColumnsToFit();
  }
}

另外还有个更稳妥的方式：监听ag-grid组件的gridReady事件，这个事件会在网格初始化完成后触发，直接把API实例通过事件参数传过来：
模板里绑定事件：

<ag-grid-angular
  [gridOptions]="yourGridOptions"
  (gridReady)="onGridReady($event)"
></ag-grid-angular>

组件类里处理事件：

private gridApi?: any;
private columnApi?: any;

onGridReady(params: any): void {
  this.gridApi = params.api;
  this.columnApi = params.columnApi;
  // 这里就可以调用需要的API方法了
}

这两种方法都是Angular集成AG Grid的标准实践，完全适配你现在用ag-grid-angular组件传gridOptions的场景，不用改现有代码结构。

至于你说的codemods工具没生效的问题，确实目前官方的codemods对Angular项目的支持还不太完整，暂时只能手动替换那些废弃的API引用，后续可以留意官方的更新。

备注：内容来源于stack exchange，提问作者Colm Shannon