how to get sum of first element of all indexes of array inside ng-repeat?

Question

I want to get sum of first element of all indexes of array inside ng-repeat. I want to declare a variable and want to add value each iterate of ng-repeat. and want to display that variable at the end. Below is my code.

$scope.test_array = [{qty:5, unit:'each'},
                     {qty:5, unit:'each'},
                     {qty:5, unit:'each'},
                     {qty:5, unit:'each'},
                     {qty:5, unit:'each'},
                     {qty:5, unit:'each'},
                     {qty:5, unit:'each'}];


<tr ng-repeat="x in test_array ">
  <td> {{x.qty}} </td>
</tr>

<!-- I want sum of all qty of each index -->
<tr ng-repeat="x in test_array ">
  <td>
      {{test_array[0].qty + test_array[1].qty + test_array[2].qty + test_array[3].qty and so on... }}       </td>
</tr>


Result should be like below.
35
35
35
35
35
35
35

I also want to get that value in javascript.
console.log("first Total" + $scope.first_total); //35
console.log("second Total" + $scope.second_total); //35
And so on...



I read about *ngFor but I am not sure it can be used here or not

Answer 1

js

$scope.test_array = [{qty:5, unit:'each'},
                     {qty:5, unit:'each'},
                     {qty:5, unit:'each'},
                     {qty:5, unit:'each'},
                     {qty:5, unit:'each'},
                     {qty:5, unit:'each'},
                     {qty:5, unit:'each'}];
let newArr = []
for(let i = 0; i < $scope.test_array.length; i++){
   for(let key in $scope.test_array[i]){
       if(key === 'qty'){
          newArr.push($scope.test_array[i][key])
       } 
   }
}  
$scope.sum = newArr.reduce(function(a, b){
        return a + b;
    }, 0);

html

<tr ng-repeat="x in test_array ">
  <td>
      {{sum}}       
  </td>
</tr>