使用 Angular2 进行发布 REST API 调用答案

【问题标题】：Make post REST API calls using Angular2使用 Angular2 进行发布 REST API 调用
【发布时间】：2017-06-07 07:01:29
【问题描述】：

我是 Angular2 的新手，我正在尝试使用 Ionic2 框架来构建一个移动混合应用程序。

我需要对基于 REST 的 API 进行 POST 调用，但我无法这样做。

谁能建议我做同样的事情

【问题讨论】：

标签： rest angular ionic-framework ionic2 http-post

【解决方案1】：

以下是 Angular 2 和 Ionic 2 中相同的 post 请求示例。还请阅读更多文档。

 registerUser(registration: RegistrationTO): Promise<String> {
    let headers = new Headers();
    let body = JSON.stringify(
      {
        "userName": registration.userId,
        "emailId": registration.emailId,
        "userId": registration.userId,
        "facultyCode": registration.facultyCode
      }
    );
    headers.append('Content-Type', 'application/json');
    let params:URLSearchParams = new URLSearchParams();
    let requestOption: RequestOptionsArgs =
      {search: params,  headers: headers };
    return this.http
      .post(RegistrationUrl, body, requestOption)
      .toPromise()
      .then(res => res.json().userTO.msg)
      .catch(this.handleError);
  }

这样调用函数

this.loginService.registerUser(this.registration).then((msg)=>{console.log(msg)});

【讨论】：