2016-06-18 3 views
0

제대로 설정하려고하는 UI 그리드에 어려움을 겪고 있습니다. 열 헤더로 name 및 데이터 등의 age 를 사용하여 데이터를 제시하려고UI 그리드에서 데이터 설정 문제

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

임 :

나는이 비슷한 자료 구조를 가지고있다. 그래서 결과는 단 두 행으로 구성됩니다.

$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

답변

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

당신을 감사하십시오 : 여기

내가 사용하고있는 코드입니다. 이것은 2 열의 결과를 제공합니다. 이름과 나이. 나는 그것이 헤더가있는 5 열이되고 싶습니다 : a | b | c | d | e .... 두 번째 줄에 ... 1 | 2 | – eggman

+0

시도해보십시오. 올바르게 작동합니다. –

+0

완벽한! 고맙습니다! – eggman