Как правильно создать модель данных?

Question

[kachurinets]

{
    "status": "success",
    "data": {
        "items": [
             {....},
             {...}
        ],
        "page": "2",
        "pageSize": "10",
        "totalPages": 391,
        "totalCount": 3909
    }
}

Получаю с сервера такой ответ, там где получаю items решил сделать модель данных и прогонять массив через конструктор. Сделал так

this.addressesService.getAddressesList(tableParam).subscribe((resp) => {
            this.streets = resp.data.items.map((street) => {
                return new Street(street);
            });

но в респонсе также получаю данные для построения пагинации и я хочу сделать для них тоже модель, но как это правильно сделать? Получается, нужно перебрать все свойства обьекта data, но кроме items? Подскажите правильную реализацию

Comments

[Антон Спирин]

Зачем плодить сущности? Данные ведь и так приходят в исчерпывающем для отображения виде.

[kachurinets]

Антон Спирин, в случае с сущности Street я считаю, что это необходимо. А вот в случае со свойствами для построения пагинации, это может быть удобно чтобы вызывать конструктор в разных местах, а не писать в разных компонентах одинаковый код присваивания нужных свойств в переменные

[Антон Швец]

kachurinets, касательно пагинации, можно же сделать интерцептор, который сразу считывает данные пагинации и отправляет их в PaginationService, откуда они инжектятся PaginationComponent.
И во вьюхе данных у нас вообще ничего про пагинацию нет, кроме функции onPageChanges и PaginationComponent.
И после того же интерцептора вьюхе прилетает только items

[kachurinets]

Антон, есть ли пример такой реализации, никогда не слышал о том, что можно считывать данные по пагинации сразу в интерсепторе

[Антон Спирин]

kachurinets, не обратил внимание, что в тегах Angular. В Angular разработке, конечно, свои представления о прекрасном.

[Антон Швец]

kachurinets,

@Injectable()
export class AngularInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return next.handle(req).pipe(
      tap(event => {
        if (event instanceof HttpResponse) {
          console.log('here is my body, do da thing!!', event.body);
        }
      }, err => {
        if (err instanceof HttpErrorResponse) {
          console.log('oh...', err);
        }
      }),
    );
  }
}