I recently created a controller for a login page. Below is the controller code I wrote:
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);
});
}
}]);
Here is 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',
}
});
}
During debugging, I noticed that the authentication process appears to be successful as it enters the then
function. However, nothing is being displayed in the console. Furthermore, I received a warning showing 'undefined' for the line
console.log(response.$statusText);
even though it's not showing any errors in red. Any ideas why it's not printing anything?