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

});