Я только что начал работу с AngularJS Следующий код вызывает ошибку в консоли.
Неизвестный поставщик: $scopeProvider < - $scope < - newActiveOrdersModel. Я исследовал, но похоже, что ошибка Неизвестного провайдера может произойти по целому ряду причин. Было бы хорошо, если бы кто-нибудь мог указать, где я ошибаюсь?
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);
Кажется, что Angular Js не может распознать "newActiveOrdersModel".
Это просто предположение, но я не знаю, почему у вас $scope указан как зависимость от вашего сервиса. Я думаю, что-то вроде этого
app.service('newActiveOrdersModel', ['$rootScope',
function($rootScope){..}]
решит ошибку. Также я бы не включил $rootScope, если вам это не понадобится. Обычно он считал плохую практику в Angular для хранения материала в $rootScope.