AngularJS: console.log does not display anything

Question

I wrote a controller for login page. Here is my controller:

var authApp = angular.module('loginApp', [])

authApp.controller('LoginCtrl', ['$scope', '$location', 'loginFactory', function($scope, $location, loginFactory){
    $scope.authenticate = function() {
        loginFactory.login($scope.username, $scope.password)
        .then(function(response) {
            console.log(response.$statusText);
        }, function errorCallBack(response) {
            console.log(response.$statusText);
        });
    }

}]);

My service:

authApp.factory("loginFactory", function ($http) {
    return{
        login: function(username, password) {
            var data = "username="+username+"&password="+password+"&submit=Login";
            return $http({
                method: 'POST',
                url: 'http://localhost:8080/login',
                data: data,
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded',
                }
            });  
        }

When I debug the code, authentication seems successful and it did get into then function. However nothing displays in console. And I got a warning(?) saying undefined for the line console.log(response.$statusText);. It is not an error since it is not red. Why doesn't it print out anything?

console.log must have displayed the result of response.$statusText as undefined.. — Rayon
– Rayon, Commented May 1, 2016 at 2:51
@Rayon It is a post request, how could the response be undefined? — Nasreddin
– Nasreddin, Commented May 1, 2016 at 2:56
When you get something like this do console.log(response); so you can see everything in the object. — rgvassar
– rgvassar, Commented May 1, 2016 at 2:59
Every request will respond buddy! response object may not have the $statusText key.. — Rayon
– Rayon, Commented May 1, 2016 at 3:00

Cameron637 · Accepted Answer · 2016-05-01 03:04:53Z

2

Use response.statusText not response.$statusText. The documentation for AngularJS $http requests lists statusText as one of the properties of the response object - https://docs.angularjs.org/api/ng/service/$http

edited May 1, 2016 at 3:04

answered May 1, 2016 at 2:58

Cameron637

1,71914 silver badges24 bronze badges

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

2 Comments

Cameron637 Over a year ago

In the documentation for AngularJS http requests it lists statusText as one of the properties for response

Rayon Over a year ago

Ooh yes! I was reading it as a response object from server.. You might want to add reference

Collectives™ on Stack Overflow

AngularJS: console.log does not display anything

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