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

Posted 2023-03-27

【中文标题】如何从 Angular http.get 中的 json-server 读取 X-Total-Count？

【英文标题】：How to read X-Total-Count from json-server in Angular http.get?

【发布时间】：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');
    );

【问题讨论】：

Read response headers from API response - Angular 5 + TypeScript的可能重复

***.com/questions/44292270/… ***.com/questions/48184107/…

【参考方案1】：

观察响应并访问标头

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

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

【参考方案2】：

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

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