Angular 2 Firebase Observable承诺不返回任何东西

Leo*_*das 14 typescript angularfire2 angular2-observables

我目前正在使用AngularFire2处理Angular 2项目,我正在尝试将FirebaseListObservable转换为Promise.我知道它没有多大意义,因为Observables更有用,但是这个函数将成为链接多个promise的另一个函数的一部分.而且我不熟悉如何在一系列承诺中订阅Observable ...该函数在服务中执行,但它似乎没有返回任何东西.基本上,我想要做的是检查Firebase列表中是否已存在具有特定名称的对象并返回true或false.

服务

constructor(private _af: AngularFire) { }

nameExists(name: string): Promise<boolean> {

 return this._af.database.list('users')
  .map(users => {

    let exists = false;
    users.forEach(user => {
      if(user.name.toLowerCase() === name.toLowerCase()) {
        console.log('Name already exists!');
        exists = true;
      }
    });
    return exists;
  }).toPromise();
}
Run Code Online (Sandbox Code Playgroud)

零件

constructor(private _usersService: UsersService) { }

check(name) {
 this._usersService.nameExists(name)
  .then(bool => console.log(bool));
}
Run Code Online (Sandbox Code Playgroud)

因此,当匹配时,函数会被执行并且在打印到控制台时似乎正常工作.但是,组件中的console.log()不会被执行.我想从未达到"那么"部分.另外,有没有办法在找到匹配后停止forEach循环?

任何帮助将不胜感激,因为我找不到任何答案.

car*_*ant 26

问题是toPromise运算符将observable转换为解析为observable的最终值的promise.这意味着必须在诺言结算之前完成观察.

在AngularFire2中,list和object observables没有完成; 只要数据库发生变化,它们就会重新发射

您可以使用first运算符解决问题,该运算符获取第一个发射值,然后完成组合的observable:

import 'rxjs/add/operator/first';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toPromise';
...
return this._af.database
  .list('users')
  .map(users => {

    let exists = false;
    users.forEach(user => {
      if (user.name.toLowerCase() === name.toLowerCase()) {
        console.log('Name already exists!');
        exists = true;
      }
    });
    return exists;
  })
  .first()
  .toPromise();
Run Code Online (Sandbox Code Playgroud)

  • 正当你认为你已经使用了Observables足以理解它们时......非常感谢你们!有效! (3认同)
  • @Jimmy 如果源在没有发出值的情况下完成,`first` 会出错 - `take(1)` 不会。请参阅 /sf/answers/2964234241/。除非我希望源代码有时在不发出的情况下完成,否则我倾向于使用 `first`。 (3认同)