在angular中传递表单体http post方法

我试图使用AngularHTTP post方法将表单主体从客户端推送到服务器web API post方法

下面是我的身体。 我如何通过客户端发布下面这样的表单正文

    {
      "MenuIdList": [
        "100,200,3000,4000,5000,7000,2000"
      ],
      "GroupId": 1,
      "RecordType": "U"
    }
    
    
    [Microsoft.AspNetCore.Mvc.Route("InsertUpdateUserGroupAccess")]
    [Microsoft.AspNetCore.Mvc.HttpPost]
    public async Task<IActionResult> InsertUpdateUserGroupAccess([System.Web.Http.FromBody] UserGroupAccessModel userGroupAccessModel)
    {
      var data = await unitOfWork.SystemSetupRepository.InsertUpdateUserGroupAccess(userGroupAccessModel);
      return Ok(data);
    }

**Typescript code**

InsertUpdateUserGroupAccess(data): Observable<any> {
    const headers = { 'content-type': 'application/json; charset=utf-8'}  
    const body=JSON.stringify(data);
    console.log(body)
    return this.http.post(API_CONSTANTS.InsertUpdateUserGroupAccess, data,{'headers':headers})
  }

 this.InsertUpdateUserGroupAccess(this.vgroupAccess).subscribe(() => { 
        console.log('updated user UserGroupAccess');
      }); 

{
“菜单列表”：[
"100,200,3000,4000,5000,7000,2000"
],
“GroupId”：1，
“记录类型”：“U”
}
[Microsoft.AspNetCore.Mvc.Route（“InsertUpdateUserGroupAccess”）]
[Microsoft.AspNetCore.Mvc.HttpPost]
公共异步任务InsertUpdateUserGroupAccess（[System.Web.Http.FromBody]UserGroupAccessModel UserGroupAccessModel）
{
var data=await unitOfWork.SystemSetupRepository.InsertUpdateUserGroupAccess（userGroupAccessModel）；
返回Ok（数据）；
}
**打字脚本代码**
InsertUpdateUserGroupAccess（数据）：可观察{
const headers={'content type'：'application/json；charset=utf-8'}
const body=JSON.stringify（数据）；
控制台日志（正文）
返回此.http.post（API_CONSTANTS.InsertUpdateUserGroupAccess，数据，{'headers'：headers}）
}
this.InsertUpdateUserGroupAccess（this.vgroupAccess）.subscribe（（）=>{
log（'updated user UserGroupAccess'）；
}); 

我得到下面的错误

---

加载资源失败：服务器响应状态为400（错误请求）

您可以在浏览器开发人员工具网络选项卡中捕获相应的请求，然后检查实际请求标题或发布的数据是否有问题。