个别组总和和总列数之和

Question

如何显示角度js ng表的单个组总和和列的总和？ http://bazalt-cms.com/ng-table/example/12

Answer 1

Plunk介绍如何显示群组总和（例如所有年龄段的总和）。

检查控制器中的功能$scope.GetSummOfAges。

详细说明 而不是对 $ data 变量应用 ng-repeat 指令，首先需要将其应用于项目组（ $ groups var）然后每个组中的项目都有第二个嵌套 ng-repeat ，因此接近嵌套指令可以为组项应用任何函数，例如这里

的index.html

<tbody ng-repeat="group in $groups">
        <tr class="ng-table-group">
            <td colspan="{{$columns.length}}">
                <a >
                    <<strong>{{ group.value }}</strong>
                </a>
            </td>
        </tr>
        <tr ng-repeat="user in group.data">
            <td sortable="name" data-title="'Name'">
                {{user.name}}
            </td>
            <td sortable="age" data-title="'Age'">
                {{user.age}}
            </td>
        </tr>
       <tr><td><b>summ of ages</b></td><td>{{GetSummOfAges(group)}}</td></tr>        
    </tbody>

App.js

$scope.GetSummOfAges=function(group){
      var summ=0;
      for(var i in group.data)
      {
        summ=summ+Number(group.data[i].age);
      }
      return summ;
    };

$scope.GetSummOfAges=function(group){ var summ=0; for(var i in group.data) { summ=summ+Number(group.data[i].age); } return summ; };

注意：

自Angular 1.2起，你最好使用 ng-repeat-start 传播 标签，而不是 <tr> 示例中的标签