如何在 Angular 服务中编写 post call答案

【问题标题】：How to write a post call in an angular service如何在 Angular 服务中编写 post call
【发布时间】：2019-11-25 19:41:21
【问题描述】：

我的服务接受我的输入如下，

{
  "overviewPreferences": {
    "selectedRole": [{
      "code": "PRACTITIONER"
    }],
    "selectedDomainList": [{
      "code": "2",
      "name": "HR"
    },
    {
      "code": "3",
      "name": "PAYROLL"
    }]
  }
}

我的接口声明如下，

export interface UserDomain {
  code: string;
  value: string;
  selected: boolean;
}

我的服务，

updateUserSelectedDomains(code: String): Observable<any> {
  return this.http.post<UserDomain>(`/adpi/rest/core/v2/business-intelligence/workers/${aoId}/preferences") `, request)
    .pipe(
      map(data => this.data = data),
    );  
}

这里我想知道接口应该是什么？是我发送的请求还是我得到的响应。我不确定我是否正确。谁能检查我的代码。谢谢。

【问题讨论】：

这是您所期待的响应

标签： angular typescript http angular7 angular-services

【解决方案1】：

post<ResponseType>

强类型返回的可观察对象。所以调用这个方法会返回一个 Observable，所以当你订阅 observable 时，观察者会收到一个 ResponseType 的对象。

【讨论】：

【解决方案2】：

 // pass postbody object from your component to service method, so service will read 
 // parameter value in reqBody .
 //Then it will pass to post call API 

 let postBody = {
        "overviewPreferences": {
            "selectedRole": [{
                "code": "PRACTITIONER"
            }],
            "selectedDomainList": [{
                "code": "2",
                "name": "HR"
            },
            {
                "code": "3",
                "name": "PAYROLL"
            }]
          }
 } 

servicename.updateUserSelectedDomains(postBody).subscribe( (response)=>{
       console.log(response);
 })




// =============== Service code ====================
updateUserSelectedDomains(reqBody): Observable<any> {
   return this.http.post<UserDomain>(`/adpi/rest/core/v2/business- 
   intelligence/workers/${aoId}/preferences" `, reqBody)                    
}

【讨论】：