Angularjs 如何在本地存储器中显示值的总和？

我的本地存储值如下所示：

[{"id":1, "amount":24000000}, {"id":2, "amount":10000000}]

如何对本地存储中的金额值求和？。我使用AngularJS在jsp中显示我的本地存储

我的控制器：

$scope.listOfCart = CartService.getAllCarts()||[];
$scope.items = $scope.listOfCart

我的jsp:

<tr data-ng-repeat="cart in items">
    <td>{{cart.amount}}</td>
</tr>

---

那么如何显示合计值金额？

我假设来自本地存储的数据数组位于$scope.items中

在这种情况下，您可以通过使用reduce对项目中的值进行迭代求和，为构建的范围设置一个新的量

$scope.amount = $scope.items.reduce((result, item) => {
  return item['amount'] + result;
}, 0);

---

在本例中，结果为34000000。

我假定来自本地存储的数据数组位于$scope.items中

在这种情况下，您可以通过使用reduce对项目中的值进行迭代求和，为构建的范围设置一个新的量

$scope.amount = $scope.items.reduce((result, item) => {
  return item['amount'] + result;
}, 0);

---

在这种情况下，结果将为34000000。

一旦从CartService接收到数据，您可以遍历ListoChart并计算金额总和

   $scope.sumAmount = 0;
   angular.forEach($scope.listOfCart , function(value, key){
       $scope.sumAmount = $scope.sumAmount + value.amount;
   });

在你的html中

<tr data-ng-repeat="cart in items">
    <td>{{cart.amount}}</td>
</tr>
Total : {{sumAmount}}

---

一旦从CartService接收到数据，您就可以遍历listOfCart并计算金额总和

   $scope.sumAmount = 0;
   angular.forEach($scope.listOfCart , function(value, key){
       $scope.sumAmount = $scope.sumAmount + value.amount;
   });

在你的html中

<tr data-ng-repeat="cart in items">
    <td>{{cart.amount}}</td>
</tr>
Total : {{sumAmount}}

---

为此，您需要计算控制器内的总量

这里使用HTML中的totalAmount变量来显示总金额

控制器

HTML

---

为此，您需要计算控制器内的总量

这里使用HTML中的totalAmount变量来显示总金额

控制器

HTML

在html中：

<td>{{sumValues()}}</td>

在html中：

<td>{{sumValues()}}</td>

---

谢谢你，先生，这是工作。所有答案都和你的答案一样。如果有帮助的话，请标记出来。谢谢你，先生，这是工作。所有答案都和你的答案一样。如果有帮助的话，请标记出来。谢谢你，先生。这是工作。我很高兴能帮上忙。谢谢你，先生。这是工作。我很高兴能帮上忙。