Controller gets null value

I am developing a web app using [VS2015] ASP.NET Core and installed AngularJS. My AngularJS works properly. I created three scripts; Module, Service and Controller. However, I a bit disappointed because, the controller class gets a null value, though as I check in my browser, I got the value inputted by the user.

{"UserName":"admin","UserPassword":"password"}

Below is the code of my class controller.

[HttpPost]
public JsonResult AuthenticateUser(UserAccessViewModel _users)
{
var users = _context.UserAccess.Where(w => w.Username.Equals(_users.UserName) && w.Userpassword.Equals(_users.UserPassword));
return Json(users);
}

Controller.js

app.controller("MyController", function ($scope, MyService) {
$scope.LoginCheck = function () {
$scope.userlogin = {
UserName: $scope.usrName,
UserPassword: $scope.usrPassword
}
var getData = CartExpressService.UserLogin($scope.UserAccessViewModel);
getData.then(function (d) {
$scope.msg = d.data;
alert($scope.msg);
});
debugger;
}
});

Service.js

app.service("MyService", function ($http) {
this.UserLogin = function (user) {
var response = $http({
method: "post",
url: "../Administrator/AuthenticateUser",
data: JSON.stringify(user),
dataType: "json"
});
return response;
}
});

Index.cshtml

<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user">i>span>
<input type="text" class="form-control" ng-model="UserAccessViewModel.UserName" placeholder="Username">
div>
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-lock">i>span>
<input type="password" class="form-control" ng-model="UserAccessViewModel.UserPassword" placeholder="Password">
div>
<div style="margin-top:10px" class="form-group">
<div class="col-sm-12 controls">
<a id="btn-login" href="#" class="btn btn-success" ng-click="LoginCheck()">Login a>
div>
div>

I do not know what is wrong with my code. Hope you can help me on this. Thanks in advance.

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Nigel Fernandes9y ago
In service
app.service("MyService", function ($http) {

this.UserLogin = function (user) {

var response = $http({
method: "post",
url: "../Administrator/AuthenticateUser",
data: JSON.stringify(user),
dataType: "json"
});

return response;
}
});
Dont pass the user object, pass them as separate parameters in JSON.