Angular等待布尔函数完成

时间:2018-02-11 15:49:16

标签: angular asynchronous angular-promise

我正在尝试从我的firestore数据库中获取用户列表,并确定登录用户是否是管理员(即他在列表中)。

这是我的代码:

isAdmin(user: any): boolean {
    var col = this.afs.collection('admins');
    var docRef = col.doc('mini-admins');
    docRef.ref.get().then(function (doc) {
      if (doc.data().user == user)
        return true;
    }).catch(function (error) {
      console.log("Error getting document:", error);
    });
    return false;
}

但是,即使用户是管理员,该功能也不起作用。在继续之前看起来它还没有等待它完成。

我该如何解决这个问题?

2 个答案:

答案 0 :(得分:7)

它不起作用,因为它是异步的。要使其工作,您需要稍微更改为:

isAdmin(user: any): Observable<boolean> {
    return new Observable(observer => { 
       var col = this.afs.collection('admins');
       var docRef = col.doc('mini-admins');
       docRef.ref.get().then(function (doc) {
          if (doc.data().user == user) {
              observer.next(true);
              observer.complete();
          }   
       }).catch(function (error) {
          observer.error(error);
          observer.complete();
          console.log("Error getting document:", error);
       });
    });
}

然后在您的代码中,当您想要检查用户是否为admin时,请按以下方式调用此函数:

this.isAdmin(user).subscribe(success => { ... }, error => { ... });

答案 1 :(得分:1)

.then表示ref.get是异步函数。你不能等待异步功能。您只能返回从它返回的Promise或正确链接的新Promise,并在调用者站点上传递另一个回调以在promise完成时执行代码:

isAdmin(user: any): Promise<boolean> {
    var col = this.afs.collection('admins');
    var docRef = col.doc('mini-admins');
    // vvv added return
    return docRef.ref.get().then(function (doc) {
      return doc.data().user == user;
    }).catch(function (error) {
      console.log("Error getting document:", error);
    });
}

然后像

一样使用它
this.isAdmin(user).then(response => {
  if(response) {
    ...
  } else {
    ...
  }
});