AngularJS genera provider sconosciuto: $ scopeProvider <- $ scope quando provo a utilizzare i moduli

Question

Ho appena iniziato con AngularJS Il seguente codice restituisce un errore nella console.

Fornitore sconosciuto: $ scopeProvider < - $ scope < - newActiveOrdersModel. Ho fatto delle ricerche ma sembra che l'errore di Unknown Provider possa capitare per una serie di motivi. Sarebbe bello se qualcuno potesse indicare dove sto andando male?

var app; 
(function(angular){ 

    app = angular.module('OrdersDashboard',[]); 
    app.config(['$routeProvider', function($routeProvider) { 
     $routeProvider. 
      when('/current/new', {templateUrl: 'orders/partials/new_current', controller: 'newActiveOrdersCtrl'}). 
      otherwise({redirectTo: '/'}); 
    }]); 
    app.service('newActiveOrdersModel', ['$scope', '$rootScope', 
     function($scope, $rootScope){ 

      this.Orders=["This is a test order"]; 
      this.fetchOrders = function(){ 

       console.log("This is a test order"); 
       this.Orders=["This is a test order1111"]; 
      }; 
     }]); 
    app.controller('newActiveOrdersCtrl', ['$scope', '$rootScope', 'newActiveOrdersModel', 
     function($scope, $rootScope, newActiveOrdersModel){ 

      $scope.test="Hello World"; 
     }]); 

})(angular); 

sembra angolare Js non può riconoscere "newActiveOrdersModel".

Answer 1

Questa è solo un'ipotesi, ma non so perché hai $ scope elencato come dipendenza del tuo servizio. Penso che qualcosa del genere

app.service('newActiveOrdersModel', ['$rootScope', 
    function($rootScope){..}] 

risolverà l'errore. Inoltre non includerei $ rootScope a meno che non ne abbia assolutamente bisogno. Generalmente è considerata una cattiva pratica in Angular per archiviare roba in $ rootScope.