Angular 2 http post null Web Api Core

Question

我正在使用现有的 Web Api (ASP.NET Core) 在 Angular 2 中实现一个新的 Web 应用程序，但是我在使用 HTTP Post 时遇到了问题。在搜索了各种信息后，我仍然无法解决这个问题，我的 Web API 仍然从 angular post 接收空参数。

我需要看看这里出了什么问题。 这是我的 Angular 2 代码：

   posted(event) {
 @Injectable()
export class httpTestComponent {

constructor(public http: Http) {

};

posted(event) {
    var user: UserViewModel = {
        name: "angularUser",
        password: "pw",
        email: "angularMail"
    }
    let pedido = JSON.stringify(user);

    let headers = new Headers({ 'Content-Type': 'application/json' });
    let options = new RequestOptions({ headers: headers });

    this.http.post('http://localhost:10832/api/Account/Register', { pedido }, options)
        .map(this.extractData).catch(this.handleError).subscribe();
};

视图模型：

export interface UserViewModel {
name: string,
password: string,
email: string,

}

网络 API：

 [HttpPost]
    [Route("Register")]
    public void Register([FromBody] UserRegisterViewModel userVm)
    {
   }

ViewModel WEB API：

    public class UserRegisterViewModel
{
    public string name { get; set; }

    public string password { get; set; }

    public string email { get; set; }
}

谁能告诉我哪里错了？

Answer 1

没有理由添加JSON.stringify()。尝试删除它。

编辑：

要么删除JSON.stringify()，要么删除正文数据周围的大括号：

this.http.post('http://localhost:10832/api/Account/Register', pedido, options)

Angular 将尝试将已经序列化的 JSON 字符串序列化为一个对象，如果您以这种方式保留它，这就是您遇到问题的原因。

源码：Link