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

});