Question

对于Angular来说，我是一个新手，但是，我真的想提高自己并学习，但现在我有一个很大的问题。

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

这里有一个带有我的试用代码的plunker。

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

如何..获取值的检查行的总和＆＃34;值＆＃34;检查AngularJS + HTML

1 个答案: