javascript - 尝试从工厂中的 ref.on() 返回值到 Controller

Question

我正在尝试将工厂中 Firebase 查询的值检索到我的 Controller ，但没有成功。大家有什么想法吗？？

Controller :

main.controller("mainCtrl", function($scope, totalusers){
  $scope.city = "whatever";
  $scope.total = totalusers.getusers($scope.city);
});

工厂(我有查询来检索有多少用户指定了名称):

app.factory("totalusers", function(FURL) {
    var gettotalusers      = {};
    gettotalusers.getusers = function(city) {
        var tusers = new Firebase(FURL + "/Users/" + city);
        var count  = 0;

        tusers.on("value", function(snapshot) {
            snapshot.forEach(function(child) {
                if (child.val().Name != undefined) {
                    count++;
                }
            });
            var total = count;
            return total;
        });

    }
    return gettotalusers;
});

任何线索都会很棒，谢谢；)

Answer 1

访问 firebase 值是异步完成的，因此当将计数值分配给立即返回的 total 时，计数值仍然为 0。您可以使用 $q 服务创建一个 Promise，并在 Firebase 回调返回时解决它

app.factory("totalusers", function(FURL, $q){
  var gettotalusers = {};
  gettotalusers.getusers = function(city){
    var tusers = new Firebase(FURL + "/Users/" + city);
    var count = 0;
    var deferred = $q.defer();

    tusers.on("value", function(snapshot){
      snapshot.forEach(function(child) {
        if(child.val().Name != undefined){
          count++;
        }
      });
      deferred.resolve(count);
    });

    return deferred.promise;
  }
  return gettotalusers;
});

那么在你的 Controller 中，你不能直接分配结果。您需要在 promise 处理程序方法中执行此操作，如下所示:

main.controller("mainCtrl", function($scope, totalusers){
  $scope.city = "whatever";
  totalusers.getusers($scope.city).then(
    function(total) {
      $scope.total = total;
    },
    function(err) {
      // handle error
    }
  );
});

有关更多详细信息，请参阅 $q 文档并了解 Promise 的概念。 https://docs.angularjs.org/api/ng/service/$q

您还可以尝试使用过滤器和归约以更实用的方式编写计数:

var total = snapshot
  .filter(function(item) { return child.val().Name !== undefined })
  .reduce(function(acc, curr) {
    return acc + curr;
  }
);