Javascript angular 2干代码http服务

我需要从多个源获取api，但不知道如何编写它。而不是做：

getFoodData(){
return this.http.get('https://something.com/category=food')
.map(res => res.json()) 
.map(data => <Data>{value: data.value});
}
getFilmData(){
return this.http.get('https://something.com/category=film')
.map(res => res.json()) 
.map(data => <Data>{value: data.value});
}

并通过单击按钮在html中呈现数据

<button (click)="getFilmData()">more Film</button>
<button (click)="getFoodData()">more Food</button>

更多电影
更多的食物

---

做这件事最简单和最好的做法是什么

有人能提供一些例子吗？对我来说这有点不清楚。我看到你把数据放在同一个数组里了？这些请求发出的顺序有区别吗？如果它们按在同一数组中，是否要单击按钮？你能向这个愚蠢的人解释一下应用程序的流程应该是怎样的吗：）

<button (click)="getFilmData()">more Film</button>
<button (click)="getFoodData()">more Food</button>