How to read X-Total-Count from json-server in Angular http.get?

Question

I am using json-server at localhost:3000. it is working fine and I am able to get data in Angular http.get. I want to read response header X-Total-Count, inside angular .subscribe. But I can't see that property in the response header. But Chrome console shows that 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');
    });

Possible duplicate of [Read response headers from API response - Angular 5 + TypeScript](https://stackoverflow.com/questions/48184107/read-response-headers-from-api-response-angular-5-typescript) — SiddAjmera, Sep 19 '18 at 04:53
https://stackoverflow.com/questions/44292270/angular-4-get-headers-from-api-response https://stackoverflow.com/questions/48184107/read-response-headers-from-api-response-angular-5-typescript?rq=1 — SiddAjmera, Sep 19 '18 at 04:53

score 7 · Accepted Answer · edited Sep 23 '21 at 03:53

7

Observe response and access headers

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

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

edited Sep 23 '21 at 03:53

Vy Do

46,709
59
215
313

answered Sep 19 '18 at 04:55

Pratap A.K

4,337
11
42
79

score 0 · Answer 2 · answered Sep 19 '18 at 04:53

0

you can get header using this

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

answered Sep 19 '18 at 04:53

Anshuman Singh

51
10

How to read X-Total-Count from json-server in Angular http.get?

2 Answers2