网格动态展示

Question

请查找以下内容Plunker。我无法在单击按钮时显示 ng 网格。代码有什么问题吗？

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' };
}
});

Answer 1

首先，您必须在控制器 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}];
 }
});

注意：在你的Plunkerjs文件名需要修改！！

网格动态展示

ng grid dynamic display

angularjs

ng-grid