ng-grid无法显示列数据

时间:2014-11-21 23:30:31

标签: angularjs ng-grid

以下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.

1 个答案:

答案 0 :(得分:0)

键值之间的减号无效。你可以试试这个

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

});