angularjs – 角度视图上的Calulation

2023年3月15日 182次阅读

我正在使用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

我知道有很多选项可以显示该值
例如.使用服务器端的计算,计算迭代到控制器

但是我正在寻找的,当我在视图页面上迭代对象时,有任何方法可以计算并获得牵引方式绑定的好处.

最佳答案 你试过功能吗？

在控制器内部定义一个函数,如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>
点赞