ngGrid is a powerful grid library; however, there is confusion in how it works. Here is an example of ngGrid that works for the following versions:<\/p>\n
Make sure that the ng-app and ng-controller for angular is defined in html before inserting the div for the grid. Insert following div example in html. <\/p>\n In a javascript file, say ‘app.js’, define the angular module as follows with ngGrid. In the controller, define the gridOptions as follows:<\/p>\n $scope.candidates = data.candidates;<\/p>\n <\/p>\n
\nFollowing is an example of ng-app and ng-controller
\n
\nng-app='myApp' ng-controller='myController'
\n<\/code><\/p>\n
\n<\/code><\/p>\nStep 2<\/h2>\n
\n
\nvar app = angular.module('myApp', ['ngGrid']);
\n<\/code><\/p>\nStep 3<\/h2>\n
\napp.controller('myController', ['$scope','$http', function($scope, $http){
\nconsole.log('user name : ' + $scope)
\nconsole.log('user name : ' + $http)
\n$scope.gridOptions = { data: 'candidates',
\ncolumnDefs: [
\n{field: 'name', displayName: 'Name'},
\n{field: 'lastName', displayName: 'Last Name'}
\n]
\n};<\/code><\/p>\n
\n};
\n}]);<\/code><\/p>\nReference<\/h4>\n