Angular 4提交数据至.NET Core Web API时接收值为null的问题

我来帮你搞定这个问题！这种表单提交后API拿不到参数的情况，我遇到过好多次，大多和模型绑定规则或者请求格式有关，咱们一步步排查解决：

1. 给API参数添加[FromBody]特性（最关键的一步） #

.NET Core默认不会自动从POST请求的JSON体里绑定复杂类型参数，必须显式告诉框架要从请求体读取数据。修改你的API控制器代码：

[HttpPost]
// 给UserModel参数加上[FromBody]
public IActionResult Insert([FromBody] UserModel user)
{
    UserRepository UserItems = new UserRepository();
    try
    {
        if (user == null)
        {
            return BadRequest("Recieved a Bad request");
        }
        UserItems.Add(user);
        return Ok();
    }
    catch(Exception e)
    {
        return StatusCode(500, e);
    }
}

这一步是90%以上这类问题的根源，一定要先做！

2. 确认Angular请求的内容类型（可选，但保险） #

Angular的HttpClient默认会把对象序列化为JSON，并自动设置Content-Type: application/json请求头，但如果你的项目有全局HTTP拦截器或者特殊配置，可能会丢失这个头。可以手动添加确保万无一失：

import { HttpHeaders } from '@angular/common/http';

// 在你的服务方法里修改
postUserData(model: UserModel) {
    const headers = new HttpHeaders({ 'Content-Type': 'application/json' });
    return this.http.post<any>(`${this.serviceUrl}`, model, { headers });
}

3. 检查请求URL是否正确 #

确保Angular里的serviceUrl指向了正确的API地址：比如你的控制器路由是api/[controller]，所以完整URL应该是/api/User（因为控制器类名是UserController）。如果URL写错了，请求会打到错误的端点，自然拿不到参数。

4. 验证请求体的实际内容 #

打开浏览器开发者工具（按F12，切换到Network标签），找到你提交的POST请求，查看Payload部分，确认发送的JSON数据格式正确、属性完整。比如要确保FirstName、LastName这些属性都有值，没有拼写错误。

5. 确认模型属性的兼容性 #

你的Angular和.NET的UserModel属性名称完全一致（都是大写开头），这没问题。不过如果后续遇到大小写不一致的情况，可以在.NET里配置JSON序列化选项，让它忽略大小写：

在Program.cs（或者Startup.cs，取决于.NET版本）里添加：

builder.Services.AddControllers()
    .AddJsonOptions(options =>
    {
        options.JsonSerializerOptions.PropertyNameCaseInsensitive = true;
    });

这样即使Angular传的是小驼峰（比如firstName），.NET也能正确绑定到FirstName属性。

按照上面的步骤来，应该就能解决参数为null的问题了！

内容的提问来源于stack exchange，提问作者Midhun Gopinath