javascript - Ng-grid 无法设置未定义的属性 'gridDim'

Question

我是 Angular 的新手，我尝试在 costroller 的函数中为 ng-grid 声明 gridOption。

它会导致错误:

TypeError: 无法设置未定义的属性 'gridDim'

我尝试在模板中使用 $scope.apply 和 ng-if 来解决它。但是这对我没有任何帮助。

感谢任何建议:

Controller 的方法:

$scope.getTest = function() {

    $http.get('http://www.iNorthwind.com/Service1.svc/getAllCustomers')
    .success(function (data, status, headers, config) {
            //$scope.myData = data;
            console.log('Sucess' + data);
            // definition for ng-grid table 
            $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' };
            //$scope.$apply();
    })
    .error(function(data, status, headers, config) {
            $scope.myData = data;
    });

};

Answer 1

我昨天刚遇到这个问题......

为了初始呈现，ng-grid 需要在初始时提供选项，而不是在您的 $http promise 得到解决之后。

将您的 $scope.gridOptions = { data: 'myData' } 调用移到您的成功 promise 之外，您的问题应该会消失。