angularjs - Angular View 的计算

Question

我正在使用 Angular 开发一个购物车，在这个过程中我遇到了一个有关计算的问题。

在我的场景中，我有类似的代码

<label>No. of item</label>
<div>{{totalItems}}</div> 


<div ng-repeat="cartElement in currentCartDetails.cartElements">
        <span>{{cartElement.productName}}</span>
        <span>{{cartElement.productCode}}</span>
        <span>{{cartElement.productPrice}}</span>
        <span>{{cartElement.quantity}}</span>
    </div>

我想要什么，添加所有类似的东西

 totalItems += cartElement.quantity

我知道有很多选项可以显示值例如。使用服务器端计算，迭代计算到 Controller

但是我正在寻找的是，当我在 View 页面上迭代对象时，是否有任何方法可以在那里进行计算并获得双向绑定(bind)的好处。

Answer 1

你尝试过用函数来做吗？在 Controller 中定义一个函数，例如 calculateTotal，然后在每次迭代时调用它。

$scope.totalItems = 0;
...
$scope.calculateTotal = function(cart){
  $scope.totalItems += cart.quantity;
}
...

然后在您的模板中

<div ng-repeat="cartElement in currentCartDetails.cartElements" ng-init="calculateTotal(cartElement)">
  <span>{{cartElement.productName}}</span>
  <span>{{cartElement.productCode}}</span>
  <span>{{cartElement.productPrice}}</span>
  <span>{{cartElement.quantity}}</span>
</div>