AngularJS Error: ng:areq Bad Argument

Question

I have the following three angularjs scripts:

/config.js
/authentication/LoginCtrl.js
/authentication/loginFactoyr.js

App ristoreApp is defined in config.js.

//config.js

angular.module('ristoreApp', ['ngRoute'])

.config(function ($routeProvider, $locationProvider, $httpProvider) {
//  $httpProvider.responseInterceptors.push('httpInterceptor');

    $routeProvider
        .when('/login', { 
            templateUrl: 'authentication/login.html', 
            controller: 'LoginCtrl' 
        })
        .when('/home', { 
            templateUrl: 'home.html', 
        })
        .otherwise({ 
            redirectTo: '/login' 
        });

    $locationProvider.html5Mode(true);
});

My controller calls the app by "angular.module":

angular.module('ristoreApp', [])
.controller('LoginCtrl', ['$scope', '$location', 'loginFactory', function($scope, $location, loginFactory){
    $scope.authenticate = function() {
        loginFactory.login($scope.username, $scope.password)
        .then(function(response) {
            console.log(response);
            $location.path('/home');
        }, function errorCallBack(response) {
            console.log(response);
            $location.path('login');
        });
    }
}]);

Got the error "Error: ng:areq Bad Argument"

Argument 'LoginCtrl' is not a function, got undefined

Why does it say my controller is not a function? What did I do wrong?

Kyle · Accepted Answer · 2016-05-02 20:56:33Z

1

Try this. Remove the quotes on LoginCtrl.

controller: LoginCtrl

Then, define the controller as:

var LoginCtrl = app.controller("LoginCtrl", ["$scope", function($scope) { /* etc... */}]);

answered May 2, 2016 at 20:56

Kyle

5,6077 gold badges38 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ddd Over a year ago

What quotes do I remove? I changed my controller to app = angular.module('ristoreApp', []); var LoginCtrol = app.controller("LoginCtrl", ['$scope',... but it didn't help

Kyle Over a year ago

You have to remove the quotes. controller: 'LoginCtrl' should be controller: LoginCtrl

Collectives™ on Stack Overflow

AngularJS Error: ng:areq Bad Argument

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related