Разбираюсь с ангуляром, по разным урокам и оф. документации, но вот застрял с подгрузкой данных из 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? Уже сутки гуглю, но везде уроки простые, и самый близкий пример, это когда апи отдает также структура автора в одном запросе, но я хочу что бы это разные были запросы: один - список комментов, а второй подгрузка конкретного автора. Сервис для получения автора написал, но как прикрутить и куда - проблема.