Angular ag-grid自定义比较器RowNode为undefined如何解决？

我之前在做Angular项目的AG Grid自定义排序时，也碰到过RowNode突然变成undefined的情况，咱们一步步来排查解决：

1. 先核对比较器函数的参数签名 #

AG Grid的自定义比较器函数有固定的参数顺序：valueA, valueB, nodeA, nodeB, isInverted。如果你的compareServices函数参数顺序写错了，肯定拿不到正确的RowNode，甚至直接拿到undefined。

举个正确的函数写法示例：

compareServices(valueA: any, valueB: any, nodeA: RowNode, nodeB: RowNode, isInverted: boolean) {
  // 先做防御性检查，避免node为空
  if (!nodeA || !nodeB) return 0;
  
  // 从RowNode里获取行数据进行比较
  const dataA = nodeA.data;
  const dataB = nodeB.data;
  
  // 这里写你的具体比较逻辑，比如按服务名称排序
  return dataA.serviceName.localeCompare(dataB.serviceName);
}

2. 检查列定义里的比较器绑定方式 #

很多时候问题出在列定义的绑定上，如果你用箭头函数包裹比较器但没传递全参数，就会导致RowNode参数丢失：

错误示例： #

{
  headerName: '服务',
  field: 'service',
  comparator: (a, b) => this.compareServices(a, b) // 只传了valueA和valueB，node参数没传！
}

正确写法： #

要么传递所有参数：

{
  headerName: '服务',
  field: 'service',
  comparator: (valA, valB, nodeA, nodeB, inverted) => this.compareServices(valA, valB, nodeA, nodeB, inverted)
}

要么用bind绑定this（如果你的比较器需要访问组件内的属性）：

{
  headerName: '服务',
  field: 'service',
  comparator: this.compareServices.bind(this)
}

3. 加一层防御性判断兜底 #

即使参数都正确，AG Grid在某些特殊场景下（比如行数据还没完全加载、过滤后的临时状态）可能会传递undefined的RowNode。所以在函数开头加上判断，避免报错：

compareServices(valueA: any, valueB: any, nodeA: RowNode, nodeB: RowNode, isInverted: boolean) {
  // 兜底判断：如果node或行数据为空，直接返回相等
  if (!nodeA || !nodeB || !nodeA.data || !nodeB.data) {
    return 0;
  }
  
  // 正常比较逻辑
  // ...
}

4. 排查AG Grid版本兼容性 #

如果上面的方法都没用，可能是你用的AG Grid版本存在参数传递的bug。建议升级到最新的稳定版（比如v28+），很多旧版本的小问题在新版里都被修复了。

内容的提问来源于stack exchange，提问作者Arun