javascript - 仅使用 ng-grid 选择特定列

Question

我正在尝试精简 ng-grid，但无法从我的数据中仅选择特定列进行显示。下面是我的代码：

// main.js
var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', function($scope) {
    $scope.myData = [{name: "Moroni", age: 50, sex: "Male"},
                     {name: "Tiancum", age: 43, sex: "Female"},
                     {name: "Jacob", age: 27, sex: "Male"},
                     {name: "Nephi", age: 29, sex: "Male"},
                     {name: "Enos", age: 34, sex: "Female"}];
    $scope.gridOptions = { data: myData,
                            columnDefs: [{ field: 'name', displayName: 'Name', width: 90},
                                         { field: 'sex', displayName: 'Sex', width: 90}
                            ]};

});

基本上，我希望能够在 myData 中仅显示列“名称”和“性别”。这里有什么帮助吗？我已经在 SO 和其他地方在线寻找这个问题的答案，但没有找到任何东西。抱歉，如果这是一个骗局。

这是Plunker。

Answer 1

您必须myData在引号内加上

$scope.gridOptions = { data: 'myData', // <<<<<
        columnDefs: 
          [{ field: 'name', displayName: 'Name', width: 90 },
          { field: 'sex', displayName: 'Sex', width: 90 }
        ]};