У меня есть приложение на angular, в котором есть страница новостей. Список новостей(массив) я получаю с api сервера. Я могу использовать полученные данные напрямую, но может лучше создать класс NewsItem, который полностью повторяет структуру каждой новости из массива и получаемые данные преобразовывать в массив объектов NewsItem[]?
Пример кода без преобразовывания:
В news.service.ts
getNews(leftBound:number, rightBound:number) {
return this.http.get(AppSettings.API_ENDPOINT + `/api/news/${leftBound}/${rightBound}`)
}
В news.component.ts
ngOnInit(){
this.newsService.getNews(this.leftBound, this.rightBound).subscribe(
(response) => {
this.news = response.json();
})
}
Пример кода c преобразовыванием:
В news.service.ts
getNews(leftBound:number, rightBound:number):Observable<NewsItem[]> {
return this.http.get(AppSettings.API_ENDPOINT + `/api/news/${leftBound}/${rightBound}`)
.map((resp:Response) => {
let newsList = resp.json();
let news: NewsItem[] = [];
for(let i in newsList){
let item = newsList[i];
news.push(new NewsItem(item.title, item.date, item.text));
}
return news;
})
}
В news.component.ts
ngOnInit(){
this.newsService.getNews(this.leftBound, this.rightBound).subscribe( (news) => {
this.news = news;
})
}
Класс NewsItem
@Injectable()
export class NewsItem{
date: string;
title: string;
text: string;
constructor(title: string, date: string, text: string){
this.title = title;
this.date = date;
this.text = text;
}
}
Далее, в обоих случаях одинаково, я вывожу новости в шаблоне компонента.
Как лучше сделать в данной ситуации?
И в целом, всегда ли нужно создавать свои классы или же бывают случаи, когда лучше не усложнять себе задачу и просто воспользоваться данными, полученными с сервера?