AngularJS数组之和

时间:2016-04-29 11:40:16

标签: javascript angularjs

我在AngularJS中有一个数组,我从WCF服务获得。 我可以使用下面的函数实现数组的总和。 参考:I am beginner and I am trying to fetch data from db . But I don't know why I am getting this error and completely stuck here. I am following video tutorial

<template>
    <ul class="list-group" id="criteria" v-for="item in criteria">
        <li class="list-group-item">{{ item.name }}</li>
    </ul>
</template>

<script>
    export default {
        template: "report-criteria",
        data() {
            return {
                criteria: []
            }
        },
        ready() {
            console.log(document.getElementById('criteria'));
        },
        methods: {},
    };
</script>

但是,有没有办法在没有过滤器的情况下实现这一目标?就像$ scope.cart.products.price.Sum()? 我已经在我的代码中使用了很多过滤器和函数,希望减少它的数量。

1 个答案:

答案 0 :(得分:6)

使用reduce

$scope.cart.products.reduce(function(acc,current){
    return acc + current.price;
},0);

或者在ES6中:

$scope.cart.products.reduce((acc,current) => acc + current.price, 0);

检查here for MDN docs on reduce