如何..获取在AngularJS + HTML中检查的值“值”的检查行的总和

Question

​我是 Angular 的新手，但是，我真的很想提高自己和学习，但是现在我有一个很大的问题。

我不知道如何获取我检查的每一行的总和 ..仅用于值实体。

这里有我的试用代码。

https://plnkr.co/edit/iBdEtQU1gPrCSxXQ2yyW?p=preview

非常感谢！

查看 HTML：

<table style="border: 1px solid black">
  <thead>
  <tr>
    <th></th>
    <th>Id</th>
    <th>Name</th>
    <th>Address</th>
    <th>Value</th>
  </tr>
    <td><b>Total</b></td>
  </tr>
  <tbody ng-repeat= "values in getSelected()">
    <td></td>
    <td>{{values.id}}</td>
    <td>{{values.name}}</td>
    <td>{{values.address}}</td>
    <td>{{values.value}}</td>
    </tbody>
    </thead>
</table>

控制器代码：

     $scope.employees = [
       { id:"1", name: "A",              address: "A1", value:10},
       { id:"2", name: "B",            address: "A2",value:15 },
       { id:"3", name: "C",            address: "A3",value:20},
       { id:"4", name: "D",             address: "A4",value:25 },
       { id:"5", name: "E",             address: "A5" ,value:30},
     ]

     $scope.getSelected = function () {
       var ar = $scope.employees.filter(function (value) {
          if (value.checked == 1) {
            return true;
          } else {
           return false;
          }
       });    
       console.log(ar);
       return ar;
     };

Answer 1

我假设您想要获取所有选定行的值的总和。您可以遍历所选项目的数组并对值求和：

function() {
  return $scope.getSelected().reduce((sum, item) => {
    return sum + item.value;
  }, 0);
}

工作示例：https://plnkr.co/edit/TKDuKQB4rFO5U6w0bEBl?p=preview