Show list items in AngularJS ng-grid

Question

retrieving SharePoint list items by REST with
var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', function ($scope, $http) {
$http.get('http://whereever/_api/web/lists/getByTitle("Tasks")/items').success(function (data) {
$scope.items = data;
$scope.gridOptions = {
data: 'items',
columnDefs: [
{ field: 'Title', displayName: 'Title' },
{ field: 'Status', displayName: 'Status' }
the ng-grid on
<div ng-controller="MyCtrl">
<div class="gridStyle" ng-grid="gridOptions"></div>
</div>
just shows nothing. A simple json example like 
http://plnkr.co/edit/UndbtO?p=preview works. Is there any example showing me how to use a REST call on a SharePoint list and passing data to ng-grid?

Answer 1

Hi Rajendra, thanks for your answer.
the ng-app is included
your link does not help because there is no
angular ng-grid inside. The example uses expressions like
{{customer.Title}} to show content. This works generally as a test that data is retrieved.
But I got it to work with
var myAngApp = angular.module('myApp', ['ngGrid']);
myAngApp.controller('MyCtrl', function ($scope, $http) {
$http({
method: 'GET',
url: "http://whereever/_api/web/lists/getByTitle("Tasks")/items",
headers: { "Accept": "application/json;odata=verbose" }
}).success(function (data) {
$scope.items = data.d.results;
}).error(function (data, status, headers, config) {
console.log(status);
$scope.gridOptions = {
data: 'items',
columnDefs: [
{ field: 'Title', displayName: 'Title' },
{ field: 'Status', displayName: 'Status' }