AngularJS lance un fournisseur inconnu: $ scopeProvider & lt; - Erreur $ scope lorsque j'essaie d'utiliser des modules

Je viens de commencer avec AngularJS
Le code suivant donne une erreur dans la console.

Inconnu fournisseur de: $scopeProvider <- $champ <- newActiveOrdersModel . J'ai fait des recherches mais il semble que Inconnu Fournisseur d'erreur peut se produire pour une variété de raisons.Ce serait sympa si quelqu'un pouvait point où je vais mal ?

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);

Il semble comme Angular Js ne peut pas reconnaître "newActiveOrdersModel".

source d'informationauteur Abhik

  1. 33

    Ce juste une supposition, mais je ne sais pas pourquoi vous avez $champ d'application énumérés en tant que dépendance de votre service. Je pense que quelque chose comme ce

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

    permettra de résoudre l'erreur. Aussi je ne comprend pas $rootScope, sauf si vous avez absolument besoin. Il est généralement considéré comme une mauvaise pratique dans Angulaire pour stocker des choses dans le $rootScope.