AngularJS,从ng-repeat小计量化项目的更好方法

时间:2018-04-02 18:38:12

标签: angularjs checkbox angularjs-ng-repeat

我正在做一个表并累计所有项目,但现在我只想从某些行获取值,我来自Jquery,我在想Jquery应用程序,这是一个很好的方法在AngularJS中?

我放了一个IMG解释情况。

一些建议?

enter image description here

3 个答案:

答案 0 :(得分:1)

我得到了一个很好的解决方案,只需创建并更改新的atributte并调用一个计算所有选定值的方法。

享受!

enter image description here

enter image description here

答案 1 :(得分:0)

您可以使用angular.Foreach循环选定的项目并计算小计。

$scope.subtotal = function() {
        var total = 0;
        angular.forEach($scope.items, function(item) {
            total += item.cost;
        })
        return total;
}

答案 2 :(得分:0)

假设您的表最初未选中所有复选框控件,则可以使用ng-change指令并调用以下函数:

$scope.changeTotal = function (item) {
  if (item.selected) {
    $scope.total += item.price;
  } else {
    $scope.total -= item.price;
  }    
}

以下是一个示例:plunker