迭代childs並檢查準備好在angular2可觀察時

Question

我嘗試迭代我的子對象並設置預加載完成標誌，當所有都成功加載。

this.HeaderService.getAll().subscribe(header => { 
    header.forEach((headerline, index) => { 
    this.SubService1.get(headerline.key).take(1).subscribe(sub1 => { 
     this.SubService2.get(headerline.key).take(1).subscribe(sub2 => { 
     if(index == header.length - 1){ // <-- not working !!! :-(
      preLoadingDone = true; 
     } 
     }) 
    }) 
    }) 
}); 

我在這個例子中的代碼不工作，因爲異步問題。我如何解決我的問題？

編輯： 這個servicecalls放在我的ngOnInit（）。問題是我加載的子服務URL在模板中顯示圖像。如果之前沒有完成預加載，我在控制檯中出現錯誤，因爲圖像指向空值

Answer 1

let __self = this; 
__self.HeaderService.getAll().subscribe(header => { 
    header.forEach((headerline, index) => { 
    __self.SubService1.get(headerline.key).take(1).subscribe(sub1 => { 
     __self.SubService2.get(headerline.key).take(1).subscribe(sub2 => { 
     if(index == (header.length - 1)){ // <-- not working !!! :-(
      __self.preLoadingDone = true; 
     } 
     }) 
    }) 
    }) 
});