Невозможно установить свойство «сетка» неопределенного

Question

Я новичок в угловой и ng-сетке, я называю простой статический файл json, но сетка вообще не отображается, сообщение, которое я получаю:

Невозможно установить свойство «сетка» неопределенной

Может кто-нибудь помочь?

Мой код выглядит следующим образом

angular.module('healthyLivingApp') 
    .controller('SubscribersCtrl', function ($scope,$http) { 
    $http.get('http://localhost:9000/subscribers.json').success(function(data){ 
     $scope.subscribers = data; 
    }); 
    $scope.gridOptions = { 
     data:'subscribers' 
    } 

    }); 

app.js 

.module('healthyLivingApp', [ 
'ngAnimate', 
    'ngResource', 
    'ngRoute', 
    'ngSanitize', 
    'ngTouch', 
    'ngGrid', 
    'ui.bootstrap' 
    ]) 

HTML 

<h1>Subscribers</h1> 
<div class="gridStyles" ng-grid="gridOptions"> 
</div> 

Я использую беседку, Угловое "1.3.12", нг-сетка " "2.0.14"", JQuery "2.1.3"

Answer 1

Существует асинхронная задача в контроллере

$http.get('http://localhost:9000/subscribers.json').success(function(data){ 
    $scope.subscribers = data; 
}); 

Когда контроллер завершает инициализацию и угловые начинает оказывать DOM, это асинхронная не закончил, а это значит, $scope.subscribers еще не определено. Вы уже утверждают, ng-grid должны считывать данные из subscribers

$scope.gridOptions = { 
    data:'subscribers' 
} 

Таким образом, правильное решение, определить $scope.subscribers в верхней части контроллера

angular.module('healthyLivingApp') 
    .controller('SubscribersCtrl', function ($scope,$http) { 
     $scope.subscribers = []; 
     $http.get('http://localhost:9000/subscribers.json').success(function(data){ 
     $scope.subscribers = data; 
     }); 
     $scope.gridOptions = { 
     data:'subscribers' 
     }; 
    }); 

Answer 2

Я думаю, что речь идет о данных политики связывания.

В представлении, если вы привязываете некоторые данные, он связывается со ссылкой. В вашем коде представление будет связываться с subscribers в области $ scope. Но вы обновляете ссылку в своем контроллере, а затем получаете данные.

Итак, попробуйте связать с someObjName.subscribers. Затем someObjName будет связываться и наблюдаться. Если атрибут объекта изменен, представление будет обновлено.