Как развернуть данные Json в angular?

Question

У меня есть Json данные в этом формате

Я хочу проанализировать эти данные в angular машинописи, когда я вызываю API остальных. Как это сделать.

Здесь эта часть является моим java объектом класса, который я хочу преобразовать в массив моего класса модели.

"gameId": 66,
"kashScore": 0,
"samScore": 1,
"wonBy": "Sam",
"createUserId": 0,
"lastModifiedUserId": 0,
"creationDate": "2020-04-20T14:05:44.263+0000",
"lastModifiedDateTime": "2020-04-20T14:05:44.264+0000",
"sessionId": 1000,
"count": null

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

И эта информация предназначена для отслеживания нумерации страниц.

Я пробовал что-то подобное, но выдает ошибку как: -

Answer 1

Ваш ответ - просто массив. Данные, представляющие Fifa[], являются первым элементом в массиве ответов.

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

return this.http.get<any[]>(fifaUrl).pipe(
  map((response: any[]) => response[0])
);

РЕДАКТИРОВАТЬ

Вы заявили, что хотите вернуть всю информацию из ответ. В этом случае вы должны вернуть объект, который реализует GetResponse из сервисной функции (и, возможно, подумать о более подходящем имени).

fetchAllGamesRecordPaginate(
  pageNumber: number, pageSize: number
): Observable<GetResponse> { 
  const fifaUrl = ${this.baseUrl}/demo/pageNumber/${pageNumber}/pageSize/${pageSize}; 
  return this.httpClient.get(fifaUrl).pipe( 
    map((response: any[]) => {
      const pagination = response[1];
      return {
        fifa: response[0],
        totalRecord: pagination.totalRecord,
        pageSize: pagination.pageSize,
        pageNumber: pagination.pageNumber,
        totalPages: pagination.totalPages
      };
    })
  ); 
}

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

Answer 2

обновите тип возвращаемого значения до Observable<GetResponse>, затем вам нужно отобразить ответ на структуру GetResponse

fetchAllGamesRecordPaginate(pageNumber:number,pageSize: number):Observable<GetResponse>{ 
  const fifaUrl = ${this.baseUrl}/demo/pageNumber/${pageNumber}/pageSize/${pageSize}; 
  return this.httpClient.get(fifaUrl)
    .pipe(([fifa,paginationInfo]) => (
      {
       fifa ,
       ...paginationInfo
       }
     )
    ); 
}

API возвращает массив с двумя элементами: первым является fifa [] и второй объект с информацией о нумерации страниц

Answer 3

Если вы хотите, чтобы метод просто возвращал Observable<Fifa[]>, вы должны использовать оператор карты на вашем Observable:

return this.httpClient.get<GetResponse>(fifaUrl).pipe(
  map((response) => response.fifa)
);