如何從 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']);
    }
  }