如何在ng-repeat模板中获取对象值的计数

Question

我有代码<span ng-repeat="(key,value) in obj">{{value}}</span>，其中value是一个数字。我想显示最后一个范围内所有值的总和。

快速回答？

先谢谢。

Answer 1

您可以使用AngularJs中的过滤器来完成此操作。 我将在下面给出一个例子。

这是我们的控制器：

function simplecontroller($scope)
{
    $scope.customer = [22, 21, 23];
    $scope.ar = 0;
    $scope.customer.forEach(function(val){ $scope.ar += val; });
}

这是html：

    <ul>
    <li ng-repeat="cust in customer">
    Name: {{cust}}
    </li>
    </ul>
Total Length: {{ar}}

我使用表达式{{ar}}来显示总计数。

Answer 2

这可以帮助你 的 HTML ：

<span>total: {{total()}}</span>

<强> JS ：

$scope.total = function() {
            var count = 0;
            angular.forEach($scope.yourObj, function(val) {
                count += val;
            });
            return count;
      };