來自 angular 的異步請求

Question

我有一種服務方法可以從另一台服務器獲取 httprequest，並在組件控制台中獲取價值 ollayer 的ollayer但數據不是 null

ollayer={};

服務：

getLayer(): Observable<any> {
return this.http.get<olLayer>(
  'http://localhost:3000/geomap/getlayer',
);
}

成分：

this.olservice.getLayer().subscribe((data) => {
  this.ollayer = data;
  console.log(data)
});

console.log(this.ollayer)

 

Answer 1

這種行為很好，這就是異步管道的工作方式。

無論出於何種原因您需要數據，例如，要更新 web 頁面上的視圖，您必須在訂閱 scope 中進行。 例如，您在訂閱中更新 this.ollayer，因此正確綁定到該變量的任何視圖都將在請求完成時更新。

編輯：在您的第二個日志中數據為 null 是可以的，因為數據可能尚未到達。 但是subscribe里面的log上是null是不行的。