Summe Untersummen von wiederholten Elementen mit angularjs

Question

Ich versuche, die Gesamtzahl der Wiederholungselemente in einer Tabelle mit eckigen zu berechnen. Ich bin in der Lage, die Zwischensumme pro jedes Element zusammenzufassen bekommen, aber die große Summe aller Elemente immer das Problem

.controller('reciept_ctrl',['$scope','$http','$state','$stateParams','$window',function($scope,$http,$state,$stateParams,$window){ 
    $scope.shop_id=localStorage.getItem("shop_id"); 
    $scope.payment_id=localStorage.getItem("payment_id"); 
    $http.get('http://localhost/sales/reciept.php?payment_id='+$stateParams.payment_id + "&shop_id="+$scope.shop_id).success(function(data){ 
     console.log(JSON.stringify(data)); 
     $scope.reciept=data; 

     }); 

HTML

<div ng-repeat="item in reciept"> 
     <table width="100%" border="0" cellspacing="4" cellpadding="4"> 
      <tr> 
      <td width="50%"><div align="left">{{item.item}}</div></td> 
      <td width="16%"><div align="center">{{item.price}}</div></td> 
      <td width="12%"><div align="center">{{item.quantity}}</div></td> 
      <td width="20%"><div align="center">GH¢ {{item.quantity*item.price}}</div></td> 
      </tr> 
      <tr> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
      <td colspan="2">&nbsp;</td> 
      </tr> 
     </table> 
     <p> 

     </div> 

<table width="100%" border="0" cellspacing="1" cellpadding="1"> 
    <tr> 
    <td>Grand Total:</td> 
    </tr> 
</table> 

Answer 1

Sie eine Funktion haben, könnte die große berechnen insgesamt

$scope.getTotal = function(type) { 
     var total = 0; 
     angular.forEach($scope.items, function(el) { 
      total += el[type]; 
     }); 
     return total; 
    }; 

DEMO

Answer 2

können Sie den Gesamtwert initialisieren wie

<td width="16%" ng-init="total=total+item.price"><div align="center">{{item.price}}</div></td> 

und im Gesamtergebnis hat gerade

<td>Grand Total:{{total}}</td>