ng-grid에서 열 데이터를 표시 할 수 없습니다.

Question

다음 plnkr은 내가 직면 한 문제를 보여줍니다. 다음과 같이

Plnkr

내 컨트롤러입니다. 나는 columnA, columnB가 그리드에 나타나기를 기대하고 있지만 그렇지 않습니다.

var app = angular.module('myApp', ['ngGrid']); 
    app.controller('MyCtrl', function($scope) { 
     $scope.gridOptions = { 
      data: 'myData', 
      columnDefs: [{ field: "key", width: 120, pinned: true }, 
         { field: "a-b-c", width: 120 }, 
         { field: "d-e-f", width: 120 }] 
     }; 
     $scope.myData = [ 
     { 
      'key':"SomeKey", 
      'a-b-c':"columnaA", 
      'd-e-f':"columnB" 
     }]; 
    }); 

실행

와 모두 열 '-'자신의 이름 쇼에서 0

Answer 1

키 값 사이의 마이너스 표시는 유효하지 않습니다. 이것을 시도 할 수 있습니다

var app = angular.module('myApp', ['ngGrid']); 
app.controller('MyCtrl', function($scope) { 
    $scope.myData = [{ 
     'key':'SomeKey', 
     'abc':'columnaA', 
     'def':'columnB' 
     }]; 

    $scope.gridOptions = { 
     data: 'myData', 
     columnDefs: [{ field: 'key', width: 120, pinned: true }, 
        { field: 'abc', displayName: 'a-b-c', width: 120 }, 
        { field: 'def', displayName: 'd-e-f', width: 120 }] 
    }; 

});