html - 如何在 Angularjs 中计算总和和逗号值？

Question

我在我的应用程序中使用 MEAN 堆栈，并将 AngularJS 作为我的前端。如何 total sum 和 comma value ，实际上我得到了 total sum value 但 comma value 不是计算... My Plunker 例如:- 没有逗号的 amt 值总和答案我得到了 3850.20，然后有 amount payment 值的 comma总和我得到了 2.00，期望像 3850.20，如果有人知道解决方案对我们有帮助，谢谢....

我的 Controller :-

    .filter('sumOfValue', function () {
    return function (data, key) {
        debugger;
        if (angular.isUndefined(data) && angular.isUndefined(key))
            return 0;        
        var sum = 0;

        angular.forEach(data,function(v,k){
            sum = sum + parseFloat(v[key]);
        });        
        return sum.toFixed(2);
    }
})

我的 Html:-

<td >{{mani.amt}}</td>

  <td >{{mani.amount_payment }}</td>

我的数据:-

    {
"_id": "5816f4fad0be79f809519f98",
"user": {
"_id": "57400c32bd07906c1308e2cf",
"displayName": "mani selvam"
},
"__v": 0,
"created": "2016-10-31T07:38:34.999Z",
"remarks": "-",
"status": "pending",
"amt": "1925.10",
"cheque_currency": "Rs",
"cheque_value": "300",
"amount_payment": "1,925.10",
"debitnote_no_payment": "3",
"supplier_name": "karikalan",
"buyer_name": "Manidesigns"
},

{
"_id": "5816f4fad0be79f809519f98",
"user": {
"_id": "57400c32bd07906c1308e2cf",
"displayName": "mani selvam"
},
"__v": 0,
"created": "2016-10-31T07:38:34.999Z",
"remarks": "-",
"status": "pending",
"amt": "1925.10",
"cheque_currency": "Rs",
"cheque_value": "300",
"amount_payment": "1,925.10",
"debitnote_no_payment": "3",
"supplier_name": "karikalan",
"buyer_name": "Manidesigns"
},

我创建了 Plunker 以供引用:- Plunker

Answer 1

我认为你应该避免在格式化后存储/传递数字，所以你应该传递数字 "amount_payment": "1,925.10" 作为 "amount_payment": "1925.10" (没有逗号)，或者更好的是 float: "amount_payment": 1925.10，然后在您的 View 中您可以使用 Number 的 toLocalString() 函数:(1925.10).toLocaleString() 甚至 ("1925.10").toLocaleString()。在您的情况下，您可以在求和时删除逗号:

angular.forEach(data,function(v){
  sum = sum + parseFloat(v[key].replace(',', ''));
}); 

您也可以使用reduce() 函数求和:

app.filter('sumOfValue', function () {
  return function (data, key) {
    // debugger;
    if (!data || !data[0] || !data[0][key]) {
      return 0; 
    }

    var sum = data.reduce(function(sum, val) {
      return sum + parseFloat(val[key].replace(',', ''));
    }, 0);

    return sum.toFixed(2);
  }
})

笨蛋:http://plnkr.co/edit/8Hllaw254sBO2nbaZlKQ?p=preview