JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app ng-controller="MainCtrl">
 <div ng-repeat="item in items">
   <p><input type=text ng-model="item.value"></p>
 </div>
 Total: <input type=text value="{{sum(items)}}">
</div>

JavaScript

function MainCtrl($scope) {
    $scope.items = [ { value: 1 }, { value: 2 }, { value: 5}, { value: 7 } ];

     $scope.sum = function(list) {
      var total=0;
      angular.forEach(list , function(item){
        total+= parseInt(item.value);
      });
      return total;
     }
}