AngularJS与.net核心模型没有绑定

Question

所以我一直在学习一些.net核心，我正在用它构建一个API。通常我会使用角度并在那里发送请求。

我有以下角度代码段：

//The data I need to send.
$scope.PersonalInfo = {
    firstName: '',
    lastName: '',
    companyName: '',
    email: '',
    password: '',
    confirmPassword: '',
    imageLink: ''
};

然后是相同数据的后端模型：

public class UserProfileModel
{

    public string userID { get; set; }

    public string firstName { get; set; }

    public string lastName { get; set; }

    public string companyName { get; set; }

    public string email { get; set; }

    public string password { get; set; }

    public string confirmPassword { get; set; }

    public string imageLink { get; set; }
}

最后应该发送它的方法：

$scope.UpdateProfile = function () {

    var profile = JSON.stringify($scope.PersonalInfo);

    $http.post('/api/Profile/Users', profile).then(function (response) {
        debugger;
        $log.log(profile);
        $log.log(response);
    });
};

无论我做了多少更改，（将数据作为字符串化的JSON发送，或发送范围对象），当请求到达控制器时，我最终得到：

$ scope.PersonalInfo在发送请求之前充满了数据。

非常感谢任何帮助。提前谢谢。

Answer 1

您需要在帖子中提及[FromBody]属性。像那样，

    [HttpPost]
    [Route("api/bar/users")]
    public IActionResult Users([FromBody]UserProfileViewModel profile)
    {

        return Json(new { Data = profile });
    }

应该这样做。

使用FromBody属性的必要性是框架可以使用正确的input formatter来建模绑定。例如，使用内容类型application / json的默认格式化程序是基于Json.Net的JSON格式化程序

详细信息：https://docs.microsoft.com/en-us/aspnet/core/mvc/models/model-binding