syamskoy
@syamskoy

Как в ангуляре подгружать в один запрос restapi разные сущности?

Разбираюсь с ангуляром, по разным урокам и оф. документации, но вот застрял с подгрузкой данных из RESTAPI.
Есть данные, comment.ts:
export class comment {
    id: number;
    text: string;
    author_id: number;
    date_at: string;
    author: Author;
}


и author.ts:
export class Author {
    id: number;
    name: string;
}


Написал сервис для подгрузки комментов comment.service.ts:
getComments(limit, offset): Observable<Feed[]> {
    const url = `${this.url}?limit=${limit}&offset=${offset}`;
    return this.http.get<Comment[]>(url);
  }


И в самом компоненте подгружаю:
comments: Comment[] = [];
...
    ngOnInit() {
        this.commentService.getData(10, 0).subscribe((loadedData: Comment[]) => this.comment = loadedData);
    }


а в теплейте вывожу через *ngFor="let comment of comments".
Вопрос в том, как мне в темплейте вывести: {{comment.author.name}} ?
На каком этапе и в каком месте должна быть подгрузка авторов по id и дозаполнения массива comment? Уже сутки гуглю, но везде уроки простые, и самый близкий пример, это когда апи отдает также структура автора в одном запросе, но я хочу что бы это разные были запросы: один - список комментов, а второй подгрузка конкретного автора. Сервис для получения автора написал, но как прикрутить и куда - проблема.
  • Вопрос задан
  • 63 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы