如何从 angular 服务获取 Firestore 查询数据到组件

Question

我是 Firestore 和异步功能的新手。 下面 function 在 angular 服务中：

 async verifyCredentials(loginFormData:any)
  {
    const q = query(collection(db, "users"), where("mobile", "==", loginFormData["mobile"]), where("email", "==", loginFormData["email"]));
    const querySnapshot = await getDocs(q);
    //console.log("data is:", querySnapshot.docs[0].data());
    return querySnapshot.docs[0].data();
  }

我在 function 上方调用以获取组件中的数据：

 onSubmit() {
    
    this.submitted = true;
    if (this.loginForm.invalid) {
        return;
    }
    if(this.submitted)
    {
      console.log(this.userService.verifyCredentials(this.loginForm.value)); 
      //this.router.navigate(['/menu']);
    }
  
  }

下面是控制台output：

Answer 1

有效。 我完全忘记了使用。然后

onSubmit() { 
    this.submitted = true;
    if (this.loginForm.invalid) {
        return;
    }
    if(this.submitted)
    {
      this.userService.verifyCredentials(this.loginForm.value).then( data => 
      {
        console.log(data); 
      });
      //this.router.navigate(['/menu']);
    }
  }