Failed to enter $ location service

Question

This code gives me Error: [$injector:unpr] Unknown provider: $scope, $locationProvider <- $scope, $location.

var app = angular.module('myApp.controllers', []);

app.controller('Signup', ['$scope, $location', function($scope, $location) {
    $scope.checkEmailValid = function(){
        //TODO make a decision about whether to go somewhere, if true do this:
        $location.path('/view2');
    };
}]);

Am I missing something about how to introduce a location service? I have not configured $ locationProvider, but doing this does not seem to help.

Answer 1

You forgot the quotes around $ scope and $ location:

var app = angular.module('myApp.controllers', []);

app.controller('Signup', ['$scope', '$location', function($scope, $location) {
    $scope.checkEmailValid = function(){
        //TODO make a decision about whether to go somewhere, if true do this:
        $location.path('/view2');
    };
}]);

It must be a trick!

Answer 2

Try to simplify the form (without an array form - perhaps a missing quote is your problem):

app.controller('Signup', function($scope, $location) {
    $scope.checkEmailValid = function(){
        //TODO make a decision about whether to go somewhere, if true do this:
        $location.path('/view2');
    };
});

Minimization can be resolved during build using ngMin, and this form is less error prone and more readable