如何在Angular2中等待返回值并订阅它?

时间:2017-11-14 19:53:19

标签: angular ionic2 observable subscribe

我在Ionic中开发app时遇到了问题。我正在使用数据库提供程序对数据库执行查询,它很好,但它可能被称为异步,因为我未定义。

经过一些检查和其他逻辑后,我从数据库返回值:

this.databaseProvider.getValueFor(saved.id)
    .then(data => {
           return data;
    });

有没有办法将数据返回给Observable并订阅它?我对Angular2很陌生,并且不了解所有概念。

2 个答案:

答案 0 :(得分:1)

您可以使用[** Observable.fromPromise**][1]方法将承诺转换为Observable&然后订阅Observable以从中检索数据。

SomeMethod(){
   return Observable.fromPromise(this.databaseProvider.getValueFor(saved.id))
}

//Usage
this.SomeMethod().subscribe(data => {
   console.log("data", data)
})

答案 1 :(得分:0)

可观察对象是惰性的,因此您需要对其进行订阅才能从中获取数据。

this.databaseProvider.getValueFor(saved.id)
  .subscribe(data => {
       console.log(data); //response
});

getValueFor(id): Observable<any> { const url = 'http://yourAPI/'+id; return this.http.get<any>(url) .pipe( map((res: any) => res.json()), catchError(e => this.handleError(e)) ); }