NG - 表的一個例子說明

Question

有人可以解釋這個例子

Plunker NG-Table

在HTML中，有 - >

<tbody ng-repeat="group in $groups"> 

但在JS有沒有，爲什麼？

$組

Answer 1

的ngTable module定義$範圍。$組時指定了groupBy ngTableParameter（you can see it in the github source code here）。

$scope.tableParams = new ngTableParams({ 
    page: 1,   // show first page 
    count: 10   // count per page 
}, { 
    groupBy: 'role', // << ----- grouping parameter 
    total: data.length, 
    getData: function($defer, params) { 
     var orderedData = params.sorting() ? 
       $filter('orderBy')(data, $scope.tableParams.orderBy()) : 
       data; 

     $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); 
    } 
}); 

這是在$ scope中由ngTable創建的$組，用於plunker示例中的數據。

$scope.$groups = [ 
      { 
       value: 'Administrator', 
       data: [ 
        {name: "Moroni", age: 50, role: 'Administrator'}, 
        {name: "Tiancum", age: 43, role: 'Administrator'}, 
        {name: "Jacob", age: 27, role: 'Administrator'} 
       ] 
      }, 
      { 
       value: 'Moderator', 
       data: [ 
        {name: "Nephi", age: 29, role: 'Moderator'}, 
        {name: "Nephi", age: 29, role: 'Moderator'}, 
        {name: "Tiancum", age: 43, role: 'Moderator'}, 
        {name: "Enos", age: 34, role: 'Moderator'} 
       ] 
      }, 
      { 
       value: 'User', 
       data: [ 
        {name: "Enos", age: 34, role: 'User'}, 
        {name: "Tiancum", age: 43, role: 'User'}, 
        {name: "Jacob", age: 27, role: 'User'}, 
        {name: "Enos", age: 34, role: 'User'}, 
        {name: "Jacob", age: 27, role: 'User'}, 
        {name: "Nephi", age: 29, role: 'User'}, 
        {name: "Tiancum", age: 43, role: 'User'}, 
        {name: "Jacob", age: 27, role: 'User'}, 
        {name: "Nephi", age: 29, role: 'User'}, 
        {name: "Enos", age: 34, role: 'User'} 
       ] 
      } 
     ]