ng网格动态显示

时间:2015-05-27 07:45:11

标签: angularjs ng-grid

请找到以下Plunker。我无法在按钮点击时显示网格。代码有什么问题吗?

var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', function($scope, $http) {
$scope.changeEntity = function () {
  $scope.myData = [{name: "Moroni", age: 50},
                     {name: "Tiancum", age: 43},
                     {name: "Jacob", age: 27},
                     {name: "Nephi", age: 29},
                     {name: "Enos", age: 34}];
    $scope.gridOptions = { data: 'myData' };
}
});

1 个答案:

答案 0 :(得分:2)

首先,您必须在控制器onLoad本身中定义gridOptions,而不是在函数调用上定义。但是你可以在函数调用上加载数据, 在你的情况下点击按钮。

var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', function($scope, $http) {
$scope.gridOptions = { data: 'myData' };

$scope.changeEntity = function () {

  $scope.myData = [{name: "Moroni", age: 50},
                     {name: "Tiancum", age: 43},
                     {name: "Jacob", age: 27},
                     {name: "Nephi", age: 29},
                     {name: "Enos", age: 34}];
 }
});

注意:在你的 Plunker js中,需要更改文件名!!