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

});