"ref.child不是函数".添加.orderByChild.StartAt过滤器时 [英] "ref.child is not a function" when adding .orderByChild.StartAt filter

问题描述

我在控制器中具有以下代码，可转到Firebase数据库节点，遍历该节点上的记录，并将每种状态类型的计数返回到数组中(用作chartjs图表的数据) .该代码还等待更改(编辑和删除)并相应地更新阵列.这一切都完全按照我的意愿

I have the following code in my controller to go to a firebase database node, loop through the records at that node and return a count of each of the status types into an array (to act as the data for a chartjs chart). The code also waits for changes (edits and deletions) and updates the array accordingly. This all works exactly as I want

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来过滤返回的数据

If I amend my firebase reference to include .orderByChild and .startAt to filter the returned data

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

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

I get the following warning in the console

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

FIREBASE WARNING: Exception was thrown by user callback. TypeError: ref.child is not a function

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

and the changes (edits and deletions) no longer update, I have to do manual page refresh for the correct figures to be displayed. I am really struggling to work out why this is happening when adding the filter.

推荐答案

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

The Firebase Query class doesn't have a child() method, because... what's the child of a query?

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

One way to solve the syntax error, split the ref and the query into two variables:

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

这篇关于"ref.child不是函数".添加.orderByChild.StartAt过滤器时的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！