仅使用ng-grid选择特定列

时间:2013-07-26 04:04:54

标签: javascript angularjs ng-grid

我正在尝试使用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”。这里有什么帮助?我在SO和其他地方寻找这个问题的答案,但没有找到任何东西。如果这是一个骗局,请道歉。

Here's Plunker。

1 个答案:

答案 0 :(得分:2)

您必须将myData放在引号

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