Angular ag grid valueFormatter 不工作

Question

我在我的 app.component.ts 中有这个

numberFormatter(params:number) : String {
    return params.toFixed(3).toString();
  }

columnDefs = [
   {headerName: 'Month', field: 'month', valueFormatter: this.numberFormatter, },
   {headerName: 'Values', field: 'value', valueFormatter: this.numberFormatter, }, 
]

rowData: any[] = [
{ month: 0, value: 5 + (Math.random( ) - 0.5) * 2 },
{ month: 1, value: 5 + (Math.random( ) - 0.5) * 2 },
{ month: 2, value: 5 + (Math.random( ) - 0.5) * 2 },
...
]

在我的 app.component.html 中：

<div>
    <ag-grid-angular
        [rowData]="rowData" 
        [columnDefs]="columnDefs">
    </ag-grid-angular>
</div>

我得到的只是错误： 错误 TS2322：类型 '{ headerName: string;字段：字符串； valueFormatter: (params: any) => 字符串; }[]' 不可分配给类型 '(ColDef | ColGroupDef)[]'。

我试图将 numberFormatter 更改为：

  numberFormatter(params:any) : String {
    return Number(params).toFixed(3).toString();
  }

也不行。

Answer 1

用

params.value

代替

params

例子

function bracketsFormatter(params: ValueFormatterParams) {
  return '(' + params.value + ')';
}