如何在ng bind中获得单列值的总和？

Question

HTML代码：

这里是我的HTML代码，我绑定TOTAL每列THROUGH NG BIND作者：SUM ....

  <tr > 
       <td> Totals </td>      
       <td> {{total ||'0'}}</td>      
       <td>{{sum(user.creditTotal)}}</td> 
       <td>{{sum(user.cardTotal)}}</td> 
       <td>{{sum(user.saleAmount)}}</td> 
      </tr> 

JS：

我已经声明范围变量GET总计总数。任何人都可以帮助我解决我在其中犯的错误。 AND（数据）我在哪里取出由API ...

$scope.total = function() { 
    $scope.cashTotal =0; 
     $scope.creditTotal =0; 
     $scope.cardTotal =0; 
    angular.forEach($scope.data, function(user) { 
     $scope.cashTotal = sum(user.cashAmount); 
     $scope.creditTotal = sum(user.creditAmount); 
      $scope.cardTotal =sum(user.cardAmount); 
     }) 

    return cashTotal,creditTotal,cardTotal; 
    } 

Answer 1

我认为这会做的伎俩。我触发了总功能，并且还从forEach函数返回了正确的值并将其呈现在视图中。

https://jsfiddle.net/suunyz3e/1415/

HTML：

<div ng-app="myModule"> 
    <div ng-controller="myCtrl"> 
    <tr> 
     <td> Totals </td>      
     <td>{{total}}</td>      
     <td>{{cashTotal }}</td> 
     <td>{{creditTotal}}</td> 
     <td>{{cardTotal}}</td> 
    </tr> 
    </div> 
</div> 

的JavaScript/angularjs

angular.module('myModule', ['']) 

.controller('myCtrl', function ($scope) { 
    $scope.cashTotal = 0; 
    $scope.creditTotal = 0; 
    $scope.cardTotal = 0; 

    $scope.total = function() { 
    angular.forEach($scope.data, function(user) { 
     $scope.cashTotal = sum(user.cashAmount); 
     $scope.creditTotal = sum(user.creditAmount); 
     $scope.cardTotal =sum(user.cardAmount); 
     }) 

    return $scope.cashTotal, $scope.creditTotal, $scope.cardTotal; 
    } 

    $scope.total(); 


});