Приведение ответа из сообщения HTTP в список объектов машинописного текста - PullRequest
Новая
       8

Приведение ответа из сообщения HTTP в список объектов машинописного текста

0 голосов
/ 06 июня 2018

У меня уже есть вызов к моему веб-API.API возвращает список объектов, сериализованных в JSON.Я знаю, что существуют довольно разумные способы приведения отдельных элементов из JSON в объекты машинописи, но я не могу придумать, как выполнить это приведение, чтобы оно возвращало список объектов машинописи.

Мне нужно привестик объекту машинописного текста, поскольку в объекте есть функция, которую я хочу запустить, но без приведения функция не существует.

Вот код, используемый для получения JSON: 

  findTrainPage(filter = '', sortOrder = 'desc', pageNumber = 0, pageSize = 15, departStart=null, departEnd=null, origStatusWhitelist=null): Observable<Train[]>
  {
    //retrieves a page of trains to display in the train list
    let url = AppUtils.backendApiUrl() + '/trainList/getPage';
    let requestBody = { 'filter': filter, 'sortOrder': sortOrder, 'pageNum': pageNumber, 'pageSize': pageSize, 'departStart': departStart, 'departEnd': departEnd, 'origStatusWhitelist': origStatusWhitelist };
    let options = new RequestOptions({ headers: AppUtils.commonHttpHeaders() });
    let headers = { headers: AppUtils.commonHttpHeaders() };
    return this.http.post(url, requestBody, headers).map(res => res.json()).catch(error => Observable.throw(error.json()));
  }

А вот объект Train, к которому я пытаюсь привести: 

export class Train implements TrainInterface
{
  trainGUID: string;
  trainSymbol: string;
  createTime: string; //Should be formatted as a date, SQL table uses smalldatetime
  departTime: string;
  origStatus: OriginalStatuses;
  badGUIDFlag: boolean;
  trips: Trip[];

  private _evalStatus: EvalStatuses;
  get evalStatus(): EvalStatuses
  {
    return this.trips.reduce((min, p) => p.evalStatus < min ? p.evalStatus : min, this.trips[0].evalStatus);
  }
}

Я просмотрел следующие сообщения SO:

Экземпляр класса JSON в TypeScript?

Angular2 HTTP GET - приведение ответа к полному объекту

1 Ответ

0 голосов
/ 06 июня 2018

Создать класс-оболочку ответа.Это должно соответствовать структуре ответа API. 

export declare class ResponseWrapper<T> {
    static SUCCESS: number;
     data: Array<T>;
}

Затем сопоставьте ответ следующим образом. 

 findTrainPage(filter = '', sortOrder = 'desc', pageNumber = 0, pageSize = 15, departStart = null, departEnd = null, origStatusWhitelist = null): Observable<any> {
//retrieves a page of trains to display in the train list
// let url = AppUtils.backendApiUrl() + '/trainList/getPage';
const url = 'assets/mockdata.json';
let requestBody = {
  'filter': filter,
  'sortOrder': sortOrder,
  'pageNum': pageNumber,
  'pageSize': pageSize,
  'departStart': departStart,
  'departEnd': departEnd,
  'origStatusWhitelist': origStatusWhitelist
};
let options = new RequestOptions();
return this.http.get(url)
           .map(res => res.json())
           .catch(error => Observable.throw(error.json()));

}

Использование: 

trainList : Train[];

  constructor(private trainService: TrainService) {
    this.trainService.findTrainPage()
        .subscribe(data =>{
        const  resultsWrapper:ResponseWrapper<Train> = data;
        this.trainList = resultsWrapper.data;
        });
       //   error => this.errorMessage = error);
  }

Вот проверенный источник https://gitlab.com/supun/angular-stack-overflow-ref

...