添加.orderByChild.StartAt过滤器时,“ref.child不是函数”

时间:2016-07-03 19:01:00

标签: javascript angularjs angularfire firebase-realtime-database

我的控制器中有以下代码转到firebase数据库节点,遍历该节点的记录并将每个状态类型的计数返回到一个数组中(充当chartjs图表的数据) 。代码还等待更改(编辑和删除)并相应地更新阵列。这一切都完全符合我的要求

var ref = new Firebase("https://my-firebase-url/")
ref.on('child_added', function (snapshot) {
    var status = snapshot.val().status.Status;
    updateStatusCount(status, addStatus);

    ref.child(snapshot.key()).on('child_changed', function (chsnap) {
        if (chsnap.key() == 'status') {
            var chstatus = chsnap.val().Status;
            updateStatusCount(status, removeStatus);
            updateStatusCount(chstatus, addStatus);
            status = chstatus;
        }
    });
    ref.child(snapshot.key()).on('child_removed', function (rmsnap) {
        if (rmsnap.key() == 'status') {
            updateStatusCount(status, removeStatus);
        }
    });

});

function addStatus(index) {
    $scope.data[0][index] = $scope.data[0][index] + 1;
}

function removeStatus(index) {
    $scope.data[0][index] = $scope.data[0][index] - 1;
}

function updateStatusCount(status, cb) {
    switch (status) {
        case 'Status 1':
            cb(0);
            // $scope.data[0][0] = $scope.data[0][0] + 1 
            break;
        case 'Status 2':
            cb(1);
            // $scope.data[0][1] = $scope.data[0][1] + 1 
            break;
        case 'Status 3':
            cb(2);
            // $scope.data[0][2] = $scope.data[0][2] + 1 
            break;
        case 'Status 4':
            cb(3);
            // $scope.data[0][3] = $scope.data[0][3] + 1 
            break;
        case 'Status 5':
            cb(4);
            // $scope.data[0][4] = $scope.data[0][4] + 1 
            break;
        default:
            break;
    }
}

});

如果我修改我的firebase引用以包含.orderByChild和.startAt来过滤返回的数据

       var ref = new Firebase("https://my-firebase-url/")
           .orderByChild("location").startAt(London)  

我在控制台中收到以下警告

  

FIREBASE警告:用户回调引发了异常。 TypeError:ref.child不是函数

并且更改(编辑和删除)不再更新,我必须手动页面刷新才能显示正确的数字。我真的很难弄清楚为什么在添加过滤器时会发生这种情况。

1 个答案:

答案 0 :(得分:3)

Firebase查询类没有child()方法,因为...查询的子项是什么?

解决语法错误的一种方法是,将ref和查询拆分为两个变量:

var ref = new Firebase("https://my-firebase-url/");
var query = ref.orderByChild("location").startAt(London);
query.on('child_added', function (snapshot) {
   ...