В службе Angular rxjs, как вернуть наблюдаемое из свойства возвращаемого объекта HttpClient.get

Question

В службе angular я хотел бы, чтобы метод возвращал свойство данных вместо всех данных.

Я пробовал это:

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'));
}