使用 AngularFire 通过 id Firebase 检索项目

Question

我正在尝试搜索具有 id 的项目，但收到此消息。所有功能都正常工作。执行时出现此错误：

在 Firebase 中使用数组索引存储数据可能会导致意外 行为。看 https://www.firebase.com/docs/web/guide/understanding-data.html#section-arrays-in-firebase 了解更多信息。

我的工厂

.factory('TEST', function ($firebaseArray) {

    var ref = new Firebase('https://shark-firebase.firebaseio.com');

    return {
        all: function(section) {
            var data = $firebaseArray(ref.child(section));
            return data;
        },
        get: function(section, id) {
            var data = $firebaseArray(ref.child(section).child(id));
            return data;
        }
    };
});

我一起努力：

        get: function(section, id) {
            var data = $firebaseArray(ref.child(section));
            return data.$getRecord(id);
        }

和我的控制器：

如果 $stateParams.section = 'posts' 和 $stateParams.id = '0'。

$scope.loadItem = function(){
    $scope.item = TEST.get($stateParams.section, $stateParams.id);
};

Answer 1

这是获取该项目的一种方法：

var app = angular.module('app', ['firebase']);

app.factory('TEST', function ($firebaseArray, $firebaseObject) {

    var ref = new Firebase('https://shark-firebase.firebaseio.com');

    return {
        all: function(section) {
            var data = $firebaseArray(ref.child(section));
            return data;
        },
        get: function(section, id) {
            var data = $firebaseObject(ref.child(section).child(id));
            return data;
        }
    };
});

app.controller('MainCtrl', function($scope, TEST) {
    $scope.item = TEST.get('posts', 0);
});

查看这个 jsbin 以了解它的工作原理：http://jsbin.com/tumape/edit?html,js,output

但是请仔细阅读您链接的消息中的页面，因为它指出了您当前数据结构中的一些可伸缩性限制问题。

1. 在集合上使用数组索引
2. 嵌套数组

忽略这些考虑，今天开始可能会更容易，但您限制了应用程序的扩展范围。