Angularjs 无法使用ngGrid-未知提供程序：ngGridProvider

我试图将ngGrid包含到我的应用程序中，但出现以下错误：

Error: [$injector:unpr] Unknown provider: ngGridProvider <- ngGrid
http://errors.angularjs.org/1.2.6/$injector/unpr?p0=ngGridProvider%20%3C-%20ngGrid
    at http://localhost:63342/wizard/app/bower_components/angular/angular.js:78:12
    at http://localhost:63342/wizard/app/bower_components/angular/angular.js:3538:19
    at Object.getService [as get] (http://localhost:63342/wizard/app/bower_components/angular/angular.js:3665:39)
    at http://localhost:63342/wizard/app/bower_components/angular/angular.js:3543:45
    at getService (http://localhost:63342/wizard/app/bower_components/angular/angular.js:3665:39)
    at invoke (http://localhost:63342/wizard/app/bower_components/angular/angular.js:3687:13)
    at Object.instantiate (http://localhost:63342/wizard/app/bower_components/angular/angular.js:3708:23)
    at http://localhost:63342/wizard/app/bower_components/angular/angular.js:6758:28
    at link (http://localhost:63342/wizard/app/bower_components/angular-route/angular-route.js:897:26)
    at nodeLinkFn (http://localhost:63342/wizard/app/bower_components/angular/angular.js:6212:13) <div class="container ng-scope" ng-view="">

以下是ApplicationGeneralWizard.html：

<div class="header">
    <ul class="nav nav-pills pull-right">
        <li class="active"><a ng-href="#">Home</a></li>
        <li><a ng-href="#">About</a></li>
        <li><a ng-href="#">Contact</a></li>
    </ul>
    <h3 class="text-muted">App Wizard</h3>
</div>

<div>
    <p>Application General Wizard</p>

    <wizard>
        <wz-step title="IntroductionWizard-Step-1">
            <!--<ng-include src=" 'views/Wizards/ApplicationGeneralWizard/ApplicationGeneralWizard-Step-1.html' "></ng-include>-->

            <div class="center">

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


            </div>


        </wz-step>
        <wz-step title="IntroductionWizard-Step-2">
            <!--<ng-include src=" 'views/Wizards/IntroductionWizard/IntroductionWizard-Step-2.html' "></ng-include>-->
        </wz-step>
        <wz-step title="IntroductionWizard-Step-3">
            <!--<ng-include src=" 'views/Wizards/IntroductionWizard/IntroductionWizard-Step-3.html' "></ng-include>-->
        </wz-step>
    </wizard>

</div>


<div class="footer">

</div>

以下是原始（开发人员）代码的外观：

<script>
        angular.module('myApp',['ngGrid']);
    </script>

模块（'myApp'，['ngGrid']）；

---

我做错了什么？

ngGrid

是一个模块，而不是一个服务。您需要将其添加到模块的依赖项中：

var app = angular.module('wizardApp', [
  'ngCookies',
  'ngResource',
  'ngSanitize',
  'ngRoute',
  'mgo-angular-wizard',
  'ngGrid'
]);

然后将其从控制器定义中删除，这样它就不会尝试注入它：

angular.module('wizardApp').controller('ApplicationGeneralWizardCtrl', 
    function ($scope, $location, $rootScope) {
            console.log('Entering ApplicationGeneralWizardCtrl');
    }
);

<script>
        angular.module('myApp',['ngGrid']);
    </script>

var app = angular.module('wizardApp', [
  'ngCookies',
  'ngResource',
  'ngSanitize',
  'ngRoute',
  'mgo-angular-wizard',
  'ngGrid'
]);

angular.module('wizardApp').controller('ApplicationGeneralWizardCtrl', 
    function ($scope, $location, $rootScope) {
            console.log('Entering ApplicationGeneralWizardCtrl');
    }
);