title: ng-grid doesn't populate with angular $resource
body: <p>I'm trying to populate an ng-grid, using and ngResource $resource call, but it seems that the ajax call is always too late, after the ng-grid has already been rendered.
  The grid renders the headers but is not populated with data.
  Here's a snippet of the code and a  <a href="http://jsfiddle.net/uYBLN/" rel="nofollow">jsfiddle</a></p>
  
  <pre><code>    angular.module('api', [ 'ngResource' ]).factory("SERVICE", function($resource) {
      return $resource('/api/...', {}, {
          query : {
              method : 'GET',
              isArray : true,
              transformResponse : function(data, headers) {
                  var responsedata = [], data = angular.fromJson(data);
                  angular.forEach(data.el, function(item, idx) {
                      //do something to data and add it to responsedata
                      responsedata.push({"a": item.a});
                  });
                  return responsedata;
              }
          }
      });
  });
  var app = angular.module('myModule', [ 'ngResource', 'api', 'ngGrid' ]);
  app.controller('GridController', [ '$scope', 'SERVICE', function($scope, svc) {
      $scope.myData = svc.query();
      $scope.gridOptions = {
          data : myData,
          columnDefs : [{
              field : "a",
              displayName : "a"
          }]
      };  
  } ]);
  &lt;!-- the html--&gt;
  &lt;div class="gridStyle" ng-grid="gridOptions" ng-controller="GridController"&gt;&lt;/div&gt;
  </code></pre>