如何从 Angular http.get 中的 json-server 读取 X-Total-Count？答案

【问题标题】：How to read X-Total-Count from json-server in Angular http.get?如何从 Angular http.get 中的 json-server 读取 X-Total-Count？
【发布时间】：2019-02-23 04:20:26
【问题描述】：

我在localhost:3000 使用json-server。它工作正常，我能够在 Angular http.get 中获取数据。我想在 angular .subscribe 中读取响应头 X-Total-Count。但是我在响应标头中看不到该属性。但 Chrome 控制台显示 X-Total-Count: 16。

this.catgoryItems.getAllServices(
    {
        _page: pageIndex || this.pageIndex,
        _limit: limit || this.limit
    })
    .subscribe((response: any) => {
        console.log(response);
        this.dataSource = response.body;
    }, err => {
        console.log(err);
        this.alertService.showError('Error, plz try again later');
    });

【问题讨论】：

标签： angular json-server

【解决方案1】：

观察响应并访问标头

http
  .get<any>('url', {observe: 'response'})
  .subscribe(resp => {
    console.log(resp.headers.get('X-Total-Count'));
  });

https://stackoverflow.com/a/48184742/2742156

【讨论】：

【解决方案2】：

你可以使用这个来获取标题

request.get(url).subscribe(data => {
      let count = data.headers.getAll('x-total-count');
}

【讨论】：