工厂中的Firebase查询

debugcn 发表于 Dev

奥斯卡·华雷斯（Oscar Juarez）

我在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是未定义的，为什么呢？

乔治

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

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

而是创建并返回一个Promise：

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;
        }
      }

    }
])

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

$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;
    });
};

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。