ForkJoin Observables из http.get

У меня есть разные моменты, когда я получаю много звонков http.get. Мне нужно поместить их все в массив и распечатать в сетке:

вот как я это делаю:

когда пользователь входит в interval:

ngOnChanges() {
if (this.interval) {

  for (let id of this.ids) {
    this.loadData(id);
  }
}
this.initializeCols();

}

Я вызываю метод loadData(id);, который использует ForkJoin для создания данных:

  private loadData(id: string) {
let url = DataService.url+ '/data/' + id + '/points';

// Generate API requests
let observables = [];
observables.push(this.http.get(url, DataService.contentTypeJsonHeaders).map(r => r.json()));

// const myPromise = val =>
// new Promise(resolve =>
//   setTimeout(() => resolve(`Promise Resolved: ${val}`), 10000)
// );

// of(observables).pipe(mergeMap(q => forkJoin(...q.map(myPromise)))).subscribe(
//   val => this.model.push(val));

Observable.forkJoin(observables).subscribe((response: any[]) => {
  for (let i = 0; i < response.length; i++) {
    let dataArray: Datapoints[] = ArrayFlattener.Inflate(response[i].data);
    for (let d of dataArray) {
      const temp = {
        id: id,
        time: d.time,
        value: d.value,
        originalTime: d.time,
        originalValue: d.value,
        interval: d.interval,
        metric: DataService.GetById(stream.metricId).name
      };
      this.model.push(temp);
    }
  }
});

}

Но не могу дождаться, пока model полностью заполнится данными, а затем распечатать их в сетке. Я оставил закомментированный код в методе loadData() с другой попыткой. Проблема в том, что я не вижу данных модели в сетке, если я не нажму кнопку «добавить новый» или что-то еще, чтобы он сделал еще один вызов, потому что он должен заполнять сетку только после завершения всех вызовов. Что я делаю не так с ForkJoin?