角度网格不显示Angular资源提取的值

时间:2014-09-25 22:23:01

标签: angularjs ng-grid ngresource

我有一个简单的ng-grid,它应该显示一个用作JSON数据的用户表:

<div class="gridStyle" ng-grid="gridOptions" ng-controller="GridDemoCtrl"></div>

angular.module('grid-demo', ['ngGrid', 'ngResource'])
  .controller('GridDemoCtrl', ['$scope', 'UserRes', function($scope, UserRes) {
    $scope.users = UserRes.query();
    $scope.gridOptions = {
      data: 'users',
      columnDefs: [
        {field:'name', displayName:'Name'},
        {field:'email', displayName:'Email'}
      ]
    };
  }])

  .factory('UserRes', ['$resource', function($resource) {
    return $resource('/site/users.json');
  }])
;

我使用ngResource获取用户,但它们没有出现在表格中。我可以看到从AJAX请求返回的JSON数据。我在资源代码中放了一个断点,我可以在内部回调中看到正在处理的数据。它只是在它返回时不会更新网格。我是Angular的新人;我错过了什么吗?任何建议都非常赞赏。

1 个答案:

答案 0 :(得分:0)

请看这里http://plnkr.co/edit/C7QvLS?p=preview

将您的控制器移到ng-grid指令

之上
 <div ng-controller="GridDemoCtrl">
    <div class="gridStyle" ng-grid="gridOptions" ></div>
   </div>