在Angular rxjs服务中，如何从HttpClient.get的返回对象的属性中返回可观察的对象

Question

在角度服务中，我希望该方法返回数据的属性而不是所有数据。

我尝试过：

export class RecipeService {

  private recipesUrl = 'http://localhost:8081/recipes';

  constructor(private http: HttpClient) { }

  getRecipes (): Observable<Recipe[]> {
    return this.http.get<Recipe[]>(this.recipesUrl).pipe((data) => {
       return of(data['recipes']);
    });
  }

}

Answer 1

您可以尝试使用pluck运算符。

getRecipes (): Observable<Recipe[]> {
    return this.http
        .get<Recipe[]>(this.recipesUrl)
        .pipe(pluck('recipes'));
}