javascript - AngularFire 集合长度

Question

我正在尝试获取简单 angularFireCollection 数组的长度，但似乎无法:

var stf = new FireBase("http://myfirebase-app.firebaseio.com/staff");

function staffListCtrl($scope, angularFireCollection){
    $scope.staff = angularFireCollection(stf);
    console.log($scope.staff.length);
}

控制台的输出是这样的:

0

我知道这是不正确的。它应该返回大约 5 的长度(请参阅下面的屏幕截图了解 $scope.staff 的输出。

非常感谢任何帮助，因为我似乎无法通过这个绝对、完全简单的 JS 任务。

Answer 1

在这种情况下，在回调中打印检索到的元素数量的正确方法如下:

var stf = new FireBase("http://myfirebase-app.firebaseio.com/staff");
function staffListCtrl($scope, angularFireCollection) {
    $scope.staff = angularFireCollection(stf, function() {
        console.log(stf.numChildren());
    });
}  

这样做的原因是初始回调函数在之前对$scope.staff 的实际分配发生。因此，在回调函数中，您只能访问 Firebase DataSnapshot 对象 stf。希望这会有所帮助。