Angular ag-Grid 自定义聚合函数无法调用其他函数的问题解析

import { Component } from '@angular/core';
import { ColDef, GridReadyEvent } from 'ag-grid-community';
import 'ag-grid-community/styles/ag-grid.css';
import 'ag-grid-community/styles/ag-theme-alpine.css';

@Component({
  selector: 'app-my-grid',
  template: `
    <ag-grid-angular
      style="width: 600px; height: 300px;"
      class="ag-theme-alpine"
      [columnDefs]="columnDefs"
      [rowData]="rowData"
      (gridReady)="onGridReady($event)"
    ></ag-grid-angular>
  `,
})
export class MyGridComponent {
  public columnDefs: ColDef[] = [
    { headerName: 'A', field: 'a', rowGroup: true },
    { headerName: 'B', field: 'b', width: 250, aggFunc: this.aggFunc },
  ];

  public rowData: any[] = [
    { a: 'Group 1', b: 10 },
    { a: 'Group 1', b: 20 },
    { a: 'Group 2', b: 30 },
    { a: 'Group 2', b: 40 },
  ];

  constructor() {}

  onGridReady(params: GridReadyEvent) {
    // 可选：在这里进行网格初始化操作
  }

  // 使用箭头函数定义聚合函数
  public aggFunc = (params: any) => {
    this.anotherFunc(); // 调用组件内的其他函数
    let sum = 0;
    params.values.forEach((value:number) => {
      sum += value;
    });
    return sum;
  };

  public anotherFunc() {
    console.log('Hello from anotherFunc!');
  }
}