用戶界面網格中設置數據的問題

Question

我正在努力嘗試正確設置UI網格。

我有一個類似的數據結構：

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 };