Angular HTTP - Observable : 자습서 코드를 수정하여 전체 응답을 처리하고 여전히 Hero를 반환하는 방법

Question

가능한 복제본에 대한 설명 : 전체 응답을 관찰하고 본문을 반환하는 방법을 묻는 질문이었습니다. "헤더를 읽는 법"이 아닙니다.

나는 각도를 배우고 투어 영웅 튜토리얼을 살펴 보았습니다.

전체 응답을 얻으려면 아래 코드를 수정하여 머리글에서 링크를 가져온 다음 영웅 []에게 반환 할 수 있습니다. 내가 제대로 이해하면

/** GET heroes from the server */ 
getHeroes(): Observable<Hero[]> { 
return this.http.get<Hero[]>(this.heroesUrl) 
    .pipe(
    tap(heroes => this.log(`fetched heroes`)), 
    catchError(this.handleError('getHeroes', [])) 
    ); 
} 

https://angular.io/tutorial/toh-pt6#tap-into-the-observable

Answer 1

글쎄, 당신은 다음 res.body에 의해 res.headers 및 응답 본문에서 헤더에 액세스 할 수 있습니다, 추가 PARAM { observe: "response" }를 전달하려는.

@의 jonrsharpe의 의견을 바탕으로

return this.http.get<Hero[]>(this.heroesUrl { observe: "response" }) 
    .pipe(
    tap(res => this.log(`fetched extended response`)), 
    catchError(this.handleError('getHeroes', [])) 
    ); 
} 

Answer 2

, 내가 찾고 있던 코드는 다음과 같습니다

getHeroes(): Observable<Hero[]> { 

    return this.http.get<Hero[]>(url,{observe: "response"}) 
    .pipe(
    tap(res => this.log("headers:" + JSON.stringify(res.headers))), 
    map(res => res.body), 
    catchError(this.handleError('getHeroes', [])) 
); 

} 

내가 반응을 관찰하는 "지도 (고해상도 => res.body)"이 필요하고 여전히 반환 몸.

Answer 3

getHeros(): Observable<Hero[]> { 
    if (this.heros) { 
     return of(this.heros); 
    } 
    return this.http 
     .get<Heros[]>(this.herosPath) 
     .pipe(
     tap(data => console.log(JSON.stringify(data))), 
     tap(data => (this.patients = data), 
     catchError(this.handleError)) 
    ); 
    }