使用異步調用angular2分配變量

Question

我想從返回的異步調用填充項目。

this._service.getAll() 
     .subscribe(
      data => { 
       this.items = data.map(function (item) { 
        return { a: item.a, b: item.b }; 
       }, error => console.error('error: ', error)) 
     }); 

console.log(items); 

作爲異步調用的分配不會立即發生，因此，我不會在代碼的下一行項目獲得的值，因爲這樣的console.log（項目）打印空。

如何確保項目不爲空。

Answer 1

你不能。您必須使用回調中的項目。但是，您可以使用回調中外部範圍的變量，這就是爲什麼您可以將它們分配到this.items。

我想提的是，當然items將永遠爲空，你可能有更多的運氣this.items（雖然不只是在訂閱後）。但是，就角度而言，將項目分配給屬性時，組件將使用更新的數據重新渲染。

---

有一些實驗性的技術，讓您以同步的方式，await編寫異步代碼，但它要求你寫的代碼略有不同（主要是標誌着您使用等待的異步功能）。