Как преобразовать JSON массив объектов в наблюдаемый массив в angular

Question

Я вызываю API отдыха из angular, остальные API возвращают данные в JSON Массив объектов вроде этого

Теперь я пытаюсь преобразовать его к моему массиву классов моделей, но никуда не деться, пожалуйста, проведите меня.

Мой класс моделей

Мой сервисный файл

Здесь выдается ошибка на карте, и я не знаю, как преобразовать ее в массив классов моей модели для отображения в таблице

Answer 1

В среде Spring также Fifa [] не работает в вызовах REST, нам нужно поместить его в другой класс, как я показал ниже, я предполагаю, что это будет работать.

export class FifaWrapper {
    wrapper: Fifa[];
}

, а также использовать этот класс в Observable

fetchAllGamesRecord():  Observable<FifaWrapper> {
 ... do you handling here
}

Answer 2

Разрешил.

Поскольку я получал в ответ массив объектов, мне не нужно преобразовывать его и использовать интерфейс. Так вот мой правильный код

fetchAllGamesRecord() : Observable<Fifa[]>{
    const fifaUrl = `${this.baseUrl}/fetchAllGamesRecord`;
    return this.httpClient.get<Fifa[]>(fifaUrl);
  }

Эта функция называется так

this.fifaService.fetchAllGamesRecord().subscribe(
      data => {
        this.allGameRecord = data;
        console.log(`Data = `+data);
      }
    );

Answer 3

вы можете сделать это при вызове fetchAllGamesRecord

fetchAllGamesRecord().subscribe( (response: Fifa[]) => {
  // do something
}

, где Fifa - это интерфейс, а не класс