Как в Angular 8 собрать цельную сущность с разных API?

Question

[Павел Талайко]

Привет, друг.

Значит ситуация такая.
Данные сущности лежат в разных сервисах и получаются через разные API:

export interface Person { // /api/persons
    id: string;
    name: string;
    car: string; // идентификатор car
}

export interface Car { // /api/cars
    id: string;    
    title: string;
}

Хочу получить список при загрузки /api/persons:

Артур Степанович BMW X6
Михаил Иванович Audi A8

Persons

[
{"id": "ef2e65df-003a-42a8-881c-2108a0f59d75", "name": "Артур Степанович", "car": "cdec0e14-55f0-49eb-ae96-82006b95cdf2" },
{"id": "f7123c17-fee1-47b6-8391-aed83dc77565", "name": "Михаил Иванович", "car": "2ca4fa1f-7936-4717-9661-0ef773db1a14" }
]

Cars:

[
{"id": "cdec0e14-55f0-49eb-ae96-82006b95cdf2", "title": "BMW X6" },
{"id": "2ca4fa1f-7936-4717-9661-0ef773db1a14", "title": "Audi A8" }
]

Как правильно загружать? Как правильно отображать?
Как Вы делаете это? Как работаете со state NGRX в этом случае?

Comments

[Aetae]

Правильно это решается (опциональным) join'ом в запросе к базе на бэке.
Остальное - те или иные костыли.

[Павел Талайко]

Распределенная система используется (с разных сервисов подтягивается). Либо создавать data service для join данных.