提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

[Angular] Read Custom HTTP Headers Sent by the Server in Angular

AngularserverHTTP in The by Read Custom
2023-09-14 08:59:17 时间

By default the response body doesn’t contain all the data that might be needed in your app. Your server might return some special header which you have to read explicitly. In such case we can use the { observe: ‘response’} configuration of the Angular HttpClient. Let’s explore how.

 

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { HttpClient, HttpResponse } from '@angular/common/http';

export interface Person {
  name: string;
}

@Injectable()
export class PeopleService {

  constructor(private http: HttpClient) {}

  fetchPeople(): Observable<HttpResponse<Person>> {
    return this.http
      .get<Person>('data/people.json', { observe: 'response'});
  }
}

 

Now instead of just returning your data, it returns your response object.

 {
  "headers": {
    "normalizedNames": [],
    "lazyUpdate": null
  },
  "status": 200,
  "statusText": "OK",
  "url": "https://run.plnkr.co/preview/cjdn2x8fh000ffillqi8d3o4k/data/people.json",
  "ok": true,
  "type": 4,
  "body": [
    {
      "name": "xxx"
    },
    {
      "name": "xxx"
    }
  ]
}

 

相关文章