如何從可觀察的 http 請求中返回值並將其存儲在局部變量中？

Question

我有一個 Url http://localhost:3000/users/1將返回 json：

{ "id": 1, "name": "David", "is_available": true }

然后我想創建一個返回is_available （布爾值）的方法。 但是下面的這個方法將返回未定義。 這對我來說似乎很奇怪，對於 angular 和可觀察到的新手。

checkIsAvailable(id): boolean {
        let available;
        http.get('http://localhost:3000/users/1').subscribe(user => {
                available = user.is_available;
        }
        return available;
}

如果我在.subscribe() 中使用console.log()， user.is_available將返回true。 如何正確創建從 http 請求返回值的方法？

Answer 1

checkIsAvailable(id): Observable<boolean>{
        let available;
        return http.get('http://localhost:3000/users/1').pipe(map(user => {
                return user.is_available;
        }));
}

訂閱組件

this.service.checkIsAvailable().subscribe((res)=>this.available = res);

Answer 2

更新

看來您只能從異步 function 返回Promise

嘗試以下

async checkIsAvailable(id): Promise<any> {
        return await http.get('http://localhost:3000/users/1').toPromise();
}

改變你稱之為 function 的方式

this.checkIsAvailable(id).then((res) => {
  console.log(res);

  // your code here

}