在 UI-grid 中设置数据时出现问题

Question

我在尝试正确设置 UI-grid 时遇到困难。

我有一个类似这样的数据结构：

var arr = [
        {'name': 'a', age: '1'},
        {'name': 'b', age: '2'},
        {'name': 'c', age: '3'},
        {'name': 'd', age: '4'},
        {'name': 'e', age: '5'}
        ];

我正在尝试使用 name 作为 columnHeader 和 age 来呈现数据作为它的数据。所以我希望结果只包含两行。

这是我使用的代码：

$scope.gridOptions = {
        enableSorting: true,
        columnDefs: [],
        data : []
      };

      var arr = [
        {'name': 'a', age: '1'},
        {'name': 'b', age: '2'},
        {'name': 'c', age: '3'},
        {'name': 'd', age: '4'},
        {'name': 'e', age: '5'}
        ];

          for (var i = 0; i < arr.length; i++) {
                var name = arr[i].name.toString();

                $scope.gridOptions.columnDefs.push({ name:name, field: 'age' });

              }


}]);

plunker

Answer 1

试试这个

  var d = [];          
  var model = {};
  for (var i = 0; i < arr.length; i++) {
      var name = arr[i].name.toString();
      $scope.gridOptions.columnDefs.push({ name:name, field: 'age' });
      var a = $scope.gridOptions.columnDefs[i].name.toString();
      model[a]=arr[i].age; 
  } 
   d.push(model); 
  $scope.gridOptions = { data: d };

在 UI-grid 中设置数据时出现问题

Problems setting up data in UI-grid

angularjs

angular-ui-grid