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 中仅显示“name”和“sex”列。这里有什么帮助吗？我在网上和其他地方寻找这个问题的答案，但没有找到任何东西。如果这是一个骗局，我们深表歉意。

Here's笨蛋。

Answer 1

您必须将 myData 放在引号内

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