Проверьте, существуют ли данные в базе данных Firebase с Angular

Question

Я работаю над веб-проектом с Angular, подключенным к консоли Firebase, и я использовал эту функцию, определенную в моем классе обслуживания, чтобы проверить, существует ли значение в базе данных перед сохранением. Когда я вызываю эту функцию в своем компоненте, я обычно получить неопределенное значение .

Это моя служебная функция:

  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.

Решение состоит в том, чтобы вернуть обещание:

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 не работает в Firebase
• асинхронный обратный вызов возвращает значение null
• Подождите, пока вызов асинхронной операции (firebase) не будет выполнен, прежде чем загрузится страница
• Асинхронный запрос Firebase к ответу
• и, возможно, многие другие из этих результатов поиска