Javascript 如何根据角度中的列行合计/计算行底

Javascript 如何根据角度中的列行合计/计算行底,javascript,angular,Javascript,Angular,如何根据角度ag栅格中的行合计/计算总行数 一月份的总数应该是5,二月份的总数应该是5 列表.组件.ts ngOnInit(){ 这是推( { “headerName”:“样式/机器”, “字段”:“机器样式”, } ); for(设i=0;i{ if(this.monthNames[i].monthName==格式(key.date,'MMMM')){ 录音、儿童、推( { 'headerName':'PRN','columnGroupShow':'open','field':'assetCo

如何根据角度ag栅格中的行合计/计算总行数

一月份的总数应该是
5
,二月份的总数应该是
5

列表.组件.ts

ngOnInit(){
这是推(
{
“headerName”:“样式/机器”,
“字段”:“机器样式”,
}
);
for(设i=0;i<12;i++){
常数记录={
“headerName”:这个。monthNames[i]。monthName,
“儿童”:[
{
'headerName':'Total','columnGroupShow':'closed','field':'Total',
“valueGetter”:函数(参数:任意){
返回params.data.assetCount;
}
}
]
};
this.rowData.forEach((键:any)=>{
if(this.monthNames[i].monthName==格式(key.date,'MMMM')){
录音、儿童、推(
{
'headerName':'PRN','columnGroupShow':'open','field':'assetCount',
“valueGetter”:null
}
);
}
});
此.columnDefs.push(记录);
}
console.log(this.rowData);
this.pinnedBottomRowData=this.createData(1);
//console.log(this.pinnedBottomRowData);
}
createData(计数:数字){
常量结果=[];
for(设i=0;i
输出

同时 有一个
列groupshow
,其中显示另一个
子项,即
PRN``
如果它显示在
行底部``

输出应该是这样的。。

提前谢谢

let sum = [{x: 1}, {x: 2}, {x: 3}];
const total_sum = sum.reduce((accumulator, currentValue) {
        return accumulator + currentValue.x;
    },0);
console.log(total_sum);
.reduce()
函数为返回上一个值,表示第一次返回的值存储在给定代码的累加器参数中。第二个值再次出现在currentvalue参数上,返回一个加法,再次存储在累加器参数上。它处理工作直到数组大小
.reduce()
无法处理空白数组,因此需要检查数组是否为空。否则将抛出类型错误。

使用自定义管道

import { NgModule, Pipe, PipeTransform } from "@angular/core";

@Pipe({
  name: "sum"
})
export class SumPipe implements PipeTransform {
  transform(items: any[], attr: string): any {
    return items.reduce((a, b) => a + b[attr], 0);
  }
}

@NgModule({
  declarations: [SumPipe],
  exports: [SumPipe]
})
export class SumPipeModule {}
在html中,使用这种方式
{{studentArray | sum:'fees'}}
这是您需要发送的列

import { NgModule, Pipe, PipeTransform } from "@angular/core";

@Pipe({
  name: "sum"
})
export class SumPipe implements PipeTransform {
  transform(items: any[], attr: string): any {
    return items.reduce((a, b) => a + b[attr], 0);
  }
}

@NgModule({
  declarations: [SumPipe],
  exports: [SumPipe]
})
export class SumPipeModule {}