使用 Angular 检查 Firebase 数据库中是否存在数据

Question

我正在使用与 Firebase 控制台连接的 Angular 进行 Web 项目，我使用在我的服务类中定义的这个函数在保存之前验证数据库中是否存在该值，当我在我的组件中调用这个函数时，我通常会得到 未定义值。

这是我的服务功能：

  ifExist(category : CategoryType){
    firebase.database().ref("/categories/").child("categories").orderByChild("category_name").equalTo(category.category_name)
.once( "value" , snapshot => {
  if (snapshot.exists()){
    const userData = snapshot.val();
    console.log("exists!", userData);
    return true;
  }
  return false;
});  
}

Answer 1

数据是从 Firebase 异步加载的。您的 return false 在您的 if (snapshot.exists()){ 被调用之前运行，因此您将始终返回 false。

解决办法是返回一个promise：

ifExist(category: CategoryType) {
  return firebase.database().ref("/categories/").child("categories")
    .orderByChild("category_name").equalTo(category.category_name)
    .once("value", snapshot => {
      if (snapshot.exists()) {
        const userData = snapshot.val();
        console.log("exists!", userData);
        return true;
      }
      return false;
    });
}

以及调用函数时的用法，可以是：

ifExist(yourCategoryType).then((result) => {
  console.log("ifExist returned "+result);
});

或者更现代的async / await：

const result = await ifExist(yourCategoryType)
console.log("ifExist returned "+result);

另见：

• orderByChild not working in Firebase
• asynchronous callback returns null
• Wait until asynchronous operation (firebase) call is done before page loads
• Asynchronous Firebase query to response
• 可能还有更多来自这些search results