javascript - 向 Controller 注入(inject)服务出现 unpr 错误

Question

当我将服务注入(inject) Controller 时，我遇到了 unpr 错误，我研究了一种方法来做到这一点，并且我做到了，但仍然没有进展

这是我的 app.js

'use strict';

var myApp = angular.module('myapp', [
  'ngRoute','ui.bootstrap'
]);

angular.module('myapp')
.config(['$routeProvider','$locationProvider',
  function($routeProvider,$locationProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/home.html',
        controller: 'mainController'
      })
      .when('/home',{
        templateUrl: 'views/home.html',
        controller: 'mainController'
      })
     .otherwise({
        redirectTo: '/'
      });

      // use the HTML5 History API
        $locationProvider.html5Mode(true);
  }]);


angular.module('myapp')
.run(function($rootScope){
    $rootScope = 'link to api';
});

这是我的service.js

  'use strict';
    /*
    $http is neccessity param to make rest calls
    $q variable to hold a promise
    $rootscope handle scope
    */
    angular.module('myapp')
    .service('task',['$http','$q','$rootscope',function($http, $q, $rootscope){
        var task = this;
        task.itemList = {}

        task.getItem = function (){
            var defer = $q.defer();

            $http.get('by_pass.php' + $rootscope.itemUrl)
            .success(function (res){ 
                task.itemlist = res;
                defer.resolve(res);
            })
            .error(function (err, status) {
                defer.reject(err);
            });

            return defer.promise;
        }


        return task;
    }]);

这是我的controller.js

'use strict';
angular.module('myapp')
.controller('mainController',['$scope', '$rootScope', 'task', function($scope, $rootScope, task) {

  console.log($rootScope.itemUrl);

    $scope.init = function (){
        $scope.perpx = 9;
        $scope.itemPlaced = "0";
        $scope.listSelectedItem = 1 ;

        $scope.taskGetItem();
    console.log('here');
    }


    $scope.taskGetItem = function (){
    console.log('here too');
      var getItemResult = task.getItem()
      .then(function(res){
        //when success
        $scope.tasks = task.itemList;
        console.log($scope.tasks);
      }, function(err){
        //error
      });
    }

    $scope.init();

}]);

这就是我所得到的

Error: [$injector:unpr] http://errors.angularjs.org/1.3.5/$injector/unpr?p0=%24rootscopeProvider%20%3C-%20%24rootscope%20%3C-%20task

谁能帮帮我。我是 Angular 新手，我需要重构我的代码才能测试它，但我在这里。提前致谢。

Answer 1

更改:

.service('task',['$http','$q','$rootscope',function($http, $q, $rootscope){

致:

.service('task',['$http','$q','$rootScope',function($http, $q, $rootScope){