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 — SiddAjmera
– SiddAjmera, Commented Sep 19, 2018 at 4:53
stackoverflow.com/questions/44292270/… stackoverflow.com/questions/48184107/… — SiddAjmera
– SiddAjmera, Commented Sep 19, 2018 at 4:53

Vy Do · Accepted Answer · 2021-09-23 03:53:48Z

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, 2021 at 3:53

Vy Do

1

answered Sep 19, 2018 at 4:55

Pratap A.K

4,52715 gold badges49 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Anshuman Singh · Accepted Answer · 2018-09-19 04:53:19Z

0

you can get header using this

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

answered Sep 19, 2018 at 4:53

Anshuman Singh

511 silver badge10 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related