工厂中的 Firebase 查询

Question

我在 Firebase 查询中苦苦挣扎，我有这个工厂：

.factory("usuariosFac", ["$firebaseArray","$q","$firebaseObject",
    function($firebaseArray,$q,$firebaseObject) {
      return {

        getByEmail: function(email){
          var ref = firebase.database().ref("usuarios");
          var query=ref.orderByChild("email").equalTo(email).on("child_added", function(data) {
            console.log(data.val());
            return data.val();
          });
        }
      }

    }
])

这个功能在我的控制器里：

$scope.findUser = function() {
    $scope.usuario=usuariosFac.traeGrupoPorEmail($scope.formLogin.usuario);
};

当我运行它时，工厂内的控制台日志打印正常。但是$scope.usuario 是未定义的，这是为什么呢？

Answer 1

但是$scope.usuario 是未定义的，这是为什么呢？

回调函数被异步调用。 嵌套函数中的return 语句不会将值返回给父函数。

相反，创建并返回一个承诺：

app.factory("usuariosFac", ["$firebaseArray","$q","$firebaseObject",
    function($firebaseArray,$q,$firebaseObject) {
      return {

        getByEmail: function(email){
          //Create defer object
          var future = $q.defer();
          var ref = firebase.database().ref("usuarios");
          var query=ref.orderByChild("email")
            .equalTo(email)
            .once("child_added",
                function onSuccess(data) {
                   console.log(data.val());
                   //RESOLVE
                   future.resolve(data.val());
                },
                function onReject(error) {
                   //OR REJECT
                   future.reject(error);
                }
            );
          //RETURN promise
          return future.promise;
        }
      }

    }
])

在控制器中，使用返回的promise的.then方法：

$scope.findUser = function() {
    var promise = usuariosFac.traeGrupoPorEmail($scope.formLogin.usuario);
    promise.then(function onSuccess(data) {
        $scope.usuario = data;
    }).catch(function onReject(error) {
        console.log(error);
        throw error;
    });
};