I have used below code while using ngGrid.
var MyApp = angular.module("MyApp", ['ngGrid','ngRoute', 'ProductService']);
But it gave me following error.
angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module MyApp due to: Error: [$injector:modulerr] Failed to instantiate module ngGrid due to: Error: [$injector:nomod] Module 'ngGrid' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
As per the suggestions in stack overflow then i changed my code as below.
var MyApp = angular.module("MyApp", ['ui.grid','ngRoute', 'ProductService']);
But Still i got a different error.
angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module MyApp due to: Error: [$injector:modulerr] Failed to instantiate module ui.grid due to: Error: [$injector:nomod] Module 'ui.grid' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
<html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="MyApp"> <head><title></title>
<link href="Content/bootstrap.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="ng-grid.css" />
<script src="Scripts/jquery-1.9.1.js"></script>
<script src="Scripts/bootstrap.js"></script>
<script src="Scripts/angular.js"></script>
<script src="Scripts/angular-route.js"></script>
<script type="text/javascript" src="ng-grid-1.3.2.js"></script>
<script src="app.js"></script>
<script src="service.js"></script>
<script src="controller.js"></script>
does any body have a clue on how to inject ngGrid and use it in angularjs application?
Thanks.
Add ng-grid JS file to your project:
<head lang="en">
<link rel="stylesheet" type="text/css" href="ng-grid.css" />
<script type="text/javascript" src="angular.js"></script>
<script type="text/javascript" src="ng-grid-1.3.2.js"></script>
</head>