是什么导致模型为空

Question

角度服务：-

app.service('loginService', ['$http', function ($http) {

this.userLogin = function (user) {
   console.log(user); //prints {'username': 'username@gmail.com', 'password': 123'}
    $http(
   {
       url: "/api/user/login",
       method: "POST",
       data: { 'model': user },
       contentType: "application/json"
   })
   .then(function (data) {
       if (data.status.toLower() === "success") {
           return data;
       }
       else {
           return null;
       }
   });
}

角度控制器

app.controller('homeCtrl', ['$scope', 'loginService', function ($scope, loginService) {
$scope.login = function (user) {
    debugger;
    console.log($scope.user);
    var data = loginService.userLogin($scope.user);
}

}]);

WebAPI。

[Route("api/user/login")]
    public void Post([FromBody]LoginVM model)
    {
        if(ModelState.IsValid)
        {

        }
        else
        {

        }
    }

但是当我调试 WebAPI 模型时，它的所有值都为空。

我的 LoginVM 类

 [Required]
    public string Username { get; set; }
    [Required]
    public string Password { get; set; }

为什么我的属性为空？

Answer 1

您错误地传递了您的内容类型标头。它作为 headers 参数的一部分传递，如下所示：

$http({
    url: "/api/user/login",
    method: "POST",
    data: { 'model': user },
    headers: {
        "Content-Type": "application/json"
    }
}).then(function (data) {
   if (data.status.toLower() === "success") {
        return data;
   } else {
       return null;
   }
});

但是，除非您更改了默认标题，否则您甚至不需要传递内容类型。 See the default headers in the documentation.

所以你可以像这样简单地提出你的要求：

$http({
    url: "/api/user/login",
    method: "POST",
    data: { 
        model: user 
    }
}).then(function (data) {
   if (data.status.toLower() === "success") {
        return data;
   } else {
       return null;
   }
});

而且您的方法不需要 [FromBody] 属性，因为您的 LoginVM 是一个复杂类型（类）。

另外，我过去也遇到过这种情况，有时 Visual Studio 会播放，但调试不正确。如果您使用的是 IDE，则值得关闭 Visual Studio 并重新打开它。