带有 json-server 的 Angular 7 - 如何检索发布响应中返回的 id？

Question

使用以下 http 选项：

const httpOptions: any = {
  headers: new HttpHeaders({
    'Content-Type': 'application/json'
  }),
  observe: 'response'
};

我正在向 json-server 端点发送一个 http 帖子，如下所示：

return this.http.post(`${this.baseUrl}/events`, myEvent, httpOptions);

订阅帖子的代码如下：

this.api.saveEvent(this.event).subscribe(data => {
  // Need to pick up the id from data (HttpResponse) here
});

我可以看到订阅中返回的data 是HttpResponse 类型 - 投射data 的正确方法是什么，以便我可以访问响应的body 属性并获取@987654330 json-server返回的@属性？

更新：根据下面的 cmets，我最终得到了返回 Observable<HttpRespponse<Event>> 的 saveNewEvent 方法，但是这只有在我将 http 选项作为内联匿名对象传递时才有效。在 const 中设置选项并在 post 方法中引用该 const 不起作用，我还没有弄清楚原因。有什么想法吗？

Answer 1

当您指定可以获取数据的类型时，只需确保您的 API 正确返回它即可。

return this.http.post<{id: Number}>(`${this.baseUrl}/events`, myEvent, httpOptions);

this.api.saveEvent(this.event).subscribe(data => {
  console.log(data.id);
});