angular 11处理http响应

Question

我猜这可能是基本的，但我是一个完全的角度和观察的初学者。尝试遵循angular官方Heroes教程，该教程最终使用内存中的api来模拟真实的服务器；我正在将我的示例与真实的后端挂钩，但不确定如何正确处理从服务器返回的数据。

我有一个HeroService，有一个方法可以获取所有的英雄。我使用的是angular的HttpClient，根据设计，我的服务器返回一个具有results属性的对象，该对象本身是一个数组。如何将响应中的results属性转换为Hero[]的Observable？顺便说一句，results属性中的每个元素都与定义的Hero接口具有相同的形状。

getHeroes(): Observable<Hero[]> {
    var res: Hero[] = []
    return this.http.get("https://my_heroes_url", this.httpOptions)
            .pipe(x => x['results'] as Hero[]);
    
  }

Answer 1

使用map RxJS operator

import { map } from 'rxjs/operators';

getHeroes(): Observable<Hero[]> {
  return this.http.get("https://my_heroes_url", this.httpOptions)
            .pipe(map(x => x['results'] as Hero[]));
}

有关RxJS运算符的更多信息，请考虑查看RxJS manual on operators。