.NET C# Web API接收Angular5传递对象时出现Null值问题

我来帮你排查这个问题，这种情况大多是模型绑定不匹配或者请求格式出了问题导致的，下面是几个针对性的解决思路：

1. 先核对Web API的接收模型定义 #

首先得确保你的Web API接收类和Angular传递的对象结构完全对齐，尤其注意这几点：

• 属性名映射：C#默认用PascalCase命名（比如CompanyUserProcessId），但你Angular里传的是下划线分隔的Company_User_Process_ID。如果Web API的模型没加[JsonProperty]特性做映射，绑定肯定会失败。举个正确的模型示例：

  public class PaymentRequest
  {
      [JsonProperty("Company_User_Process_ID")]
      public int Company_User_Process_ID { get; set; }
      [JsonProperty("BankName")]
      public string BankName { get; set; }
      // 其他所有属性都要加对应的JsonProperty，和Angular传的键名完全一致
  }
  

• 默认构造函数：务必确保模型类有无参数的默认构造函数，Web API的模型绑定需要这个来实例化对象。

2. 检查Angular的请求发送逻辑 #

Angular 5的HttpClient默认会帮你处理JSON序列化，但要注意正确的使用方式：

• 别手动用JSON.stringify处理对象后再传递，直接把对象作为post方法的第二个参数就行，HttpClient会自动完成序列化：

  import { HttpClient } from '@angular/common/http';
  
  constructor(private http: HttpClient) {}
  
  sendPaymentRequest(data: any) {
    const apiUrl = '你的Web API接口地址';
    return this.http.post(apiUrl, data); // 直接传原始对象，不要额外stringify
  }
  

• 确认请求头的Content-Type是application/json，HttpClient默认会设置这个，但如果你手动修改过请求头，要避免改成application/x-www-form-urlencoded这类不匹配的格式。如果需要手动设置，可以这么写：

  const headers = new HttpHeaders({ 'Content-Type': 'application/json' });
  return this.http.post(apiUrl, data, { headers: headers });
  

3. 确认Web API接口的参数特性 #

一定要给Web API的接口参数加上[FromBody]特性，明确告诉框架从请求体里读取数据：

[HttpPost]
public IActionResult ProcessPayment([FromBody] PaymentRequest request)
{
    // 你的业务逻辑
}

要是没加这个特性，Web API会尝试从URL参数里绑定数据，自然会拿到null。

4. 特殊字段的类型匹配检查 #

你传递的HeadsOfAccount是空数组，要确认Web API模型里对应的属性是List<YourHeadModel>或者YourHeadModel[]；另外PaymentType是布尔值，Web API里对应的属性得是bool类型，别写成string或者其他类型。

5. 抓包验证实际请求内容 #

用浏览器开发者工具（F12）或者Postman模拟请求，确认实际发送的JSON和你预期的一致：

• 在浏览器Network标签里找到你的POST请求，查看Request Payload，看看JSON结构是否正确，有没有多余的冗余内容。
• 用Postman直接发送你提供的JSON，看看Web API能不能正常接收。如果Postman能成功，那问题肯定出在Angular的请求代码上。

按上面的步骤逐一排查，应该就能解决接收为null的问题了。

内容的提问来源于stack exchange，提问作者Muhammad Usman