Async / Await with AngularFire2 toPromise() 方法不起作用？

Question

我在使用 AngularFire2 Observables 时遇到了一个奇怪的问题，看看这段代码，告诉我你是否知道发生了什么：

async save(){
 const client = await this.getClient(this.id);
 console.log(client); // ZoneAwarePromise blah blah
}

getClient(clientId) {
 return this.db.object('clients/' + clientId)
            .valueChanges()
            .toPromise()
            .then((client: any) => {key: clientId, name: client.name});
}

所以这段代码不起作用，但如果我像下一个代码那样做，它会起作用：

async save(){
 const client = await this.getClient(this.id);
 console.log(client); // {key: 'blah', name: 'fooblah'}
}

getClient(clientId) {
 return new Promise((resolve, reject) => {
    this.db.object('clients/' + clientId)
            .valueChanges()
            .subscribe((client: any) => resolve({key: clientId, name: client.name}));
}

那么，如何创建 Promise 并解析 Observable 数据而 .toPromise() 方法不起作用？

这是正常行为吗？难道我做错了什么 ？让我知道:-)

Answer 1

它不起作用的原因是你的承诺永远不会解决。

为了解决您的承诺，您的 observable 需要 complete。

因此，如果您只是在 toPromise() 前面加上 take(1)，您将获得所需的效果：

return this.db.object('clients/' + clientId)
              .valueChanges()
              .take(1)
              .toPromise();