大佬教程收集整理的这篇文章主要介绍了数组 – Angular 2管道 – 计算对象数组的摘要,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
[{ balance : 100 },{ balance : 200 },{ balance : null },{ balance : 300 }]
和
import { 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); } }
使用它你如何使用任何其他管道
<span>{{ balances | sum:'balances' }}</span>
平均
对于平均管道,只需使用与总和管道类似的逻辑.这将null视为0.
transform(items: any,attr: String): any { let sum = items.reduce((a,0); return sum / items.length; }
以上是大佬教程为你收集整理的数组 – Angular 2管道 – 计算对象数组的摘要全部内容,希望文章能够帮你解决数组 – Angular 2管道 – 计算对象数组的摘要所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。