Javascript 计算ng重复输入字段中的总和AngularJS

我正在尝试计算ng repeat中输入字段的总和。是否有一种简单的方法可以使用ng repeat动态显示每一行，并显示所有行的总和

谢谢你的帮助！我真的很感激

HTML

---

我一点也不理解你的要求，但我认为你是指费用的总和，对吗？因此，您应该在控制器中计算初始和：

$scope.sum = 0;
for (var i = 0; i < $scope.rows.length; ++i) {
    sum += sum + 1 + $scope.rows[i]; // add the value
}

---

谢谢@miquelarranz。我想知道是否有一种方法可以使用ng repeat动态添加每个费用字段（抵押/租金），并将所有费用字段的总和添加到总数中。现在，它正在工作，但当我在单击添加项目btn时添加新的费用字段时，这些新费用字段的值不会添加到总数中。这有意义吗？因为您正在使用JQuery计算它，我认为这是行不通的，因为JQuery代码是在加载文档时执行的（仅一次）。为什么不像我上面写的那样在控制器中求和？如果要使用ng repeat显示行，则必须有一个包含行信息的数组，然后使用ng repeat=“row in rows”。行的示例可以是：[{name:'row1'，amount:123}，{name:'row2}，amount:321]。然后在每一行中显示名称和值或任何要显示的内容。

$(document).on('ready', function() {
    $('input.js-form--outreach__input').on('input', function(){
    var sum=0;
    $('input.js-form--outreach__input').each(function(){
        if($(this).val() != "")
          sum += parseInt($(this).val());   
    });

    $('.js-form--outreach__step-total').html(sum);

    });// end of sum functionality
});


    var app = angular.module('OutreachCarousel', []);

    app.controller('AddController', ['$scope', function ($scope) {
      $scope.rows = ['Row'];

        $scope.counter = 1;

        $scope.addRow = function() {

        $scope.rows.push('Row' + $scope.counter);
        $scope.counter++;
    }

}]);// end of add row functionality

$scope.sum = 0;
for (var i = 0; i < $scope.rows.length; ++i) {
    sum += sum + 1 + $scope.rows[i]; // add the value
}

$scope.addRow = function() {
    $scope.rows.push('Row' + $scope.counter);
    ++$scope.counter;
    $scope.sum = sum + $scope.newValue;
}