Angular 服务没有达到 ASP.NET Web API 中所需的方法

Question

我正在从事一个项目，我想在其中向 Oracle 数据库添加一个值并从中获取价值。我正在使用 Angular 4，使用 VSCode 和 ASP.NET Web API，使用 Visual Studio 2015 进行服务。

我的 Angular 代码运行良好，但在调用时没有达到 ASP.NET Web API 中所需的方法。

我的 Angular 服务代码是

register(userInfo: any) {
    debugger;        
    var url1 = this.baseUrl;
    url1 += "api/signUp/SaveCustomer";
     return this._http.post(url1,userInfo);
  };

这里的基本网址是BASE_API_URL: "http://localhost:6705/。

我的 ASP.NET Web API 服务方法是

[HttpPost]
public IHttpActionResult SaveCustomer( UserInfo user )
{
    // int result;

    // result = _customerManager.SaveCustomer(user);
    // if (result > 0)
    // {
    //    return Ok(result);
    // }
    // else
    // {
    //    return NotFound();
    // }
    return null;
}

它的控制器构造函数是

public signUpController()
{
    _customerManager = new CustomerManager();
}

当我运行项目时，我将调试器放在了两个地方，一个在构造函数中，另一个在方法Register。我的控制权属于构造函数，但它没有达到所需的方法。我真的很担心我是这项技术的新手。屏幕上没有显示错误。

Answer 1

像这样使用 [FromBody]：

[HttpPost]
public IHttpActionResult SaveCustomer([FromBody] UserInfo user)
{
    ...
}

Answer 2

如果你从 Angular 2 类型脚本调用 Web API 的 post 方法，不要忘记添加以下标题内容和参数对象。

register(userInfo: any) {
    var params = new URLSearchParams();
    params.set('username', userInfo.username);
    params.set('password', userInfo.password);
    let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' });
    var url1 = this.baseUrl;
    url1 += "api/signUp/SaveCustomer";

    return this._http.post(url1, params.toString(), { headers: headers })

  };

更新

register(userInfo: any) {

        //let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' });
        let headers = new Headers({ 'Content-Type': 'application/json' });

       var url1 = this.baseUrl;
        url1 += "api/signUp";
        console.log(url1);
        return this._http.post(url1, userInfo, { headers: headers });

    };