Firebase angular 多对多关系查询

Question

我有一个相当简单的 json 组和人员结构，我正在努力 get/read 来自 firebase 的每个人的组名列表。这就是我尝试过的。我花了几天调试不成功。非常感谢帮助。

JSON:

{
"groups" : {
"one" : {
  "members" : {
    "-KLxjv9OnQB2l5Ohr-7I" : true
  },
  "name" : "group alpha"
},
"two" : {
  "members" : {
    "-KM4oXjftRZZ5DXYt4B2" : true
  },
  "name" : "group beta"
},
"three" : {
  "members" : {
    "-KM4oXjftRZZ5DXYt4B2" : true
  },
  "name" : "group gamma"
}
},
"persons" : {
"-KLxjv9OnQB2l5Ohr-7I" : {
  "groups" : {
    "one" : true
  },
  "personName" : "name1",
  "personTitle" : "title1"
},
"-KM4oXjftRZZ5DXYt4B2" : {
  "groups" : {
    "two" : true
  },
  "personName" : "name2",
  "personTitle" : "title2"
  }
 }
}

APP.JS:

$scope.personsGroup = function(personObj){
var baseRef = new Firebase("https://un-cms-13264.firebaseio.com/");
var personsRef = baseRef.child('persons');
var groupsRef = baseRef.child('groups');
var res=[];
    for(var i=0;i<Object.keys(personObj.groups).length;i++){
    var groupKey=Object.keys(personObj.groups)[i]
    res.push($firebaseArray(groupsRef.child(groupKey)));
    };
    return res;

}

HTML:

<div class="row" ng-repeat="person in persons">

<div class="col-lg-3"></div>
<div class="col-lg-3">{{person.personName}}</div>
<div class="col-lg-3"></div>
<div class="col-lg-3 groupsList">
<ul><li ng-repeat="group in personsGroup(person)">{{group.name}}</li></ul>
</div>

</div>

Answer 1

最好的方法是将 $firebaseArray 附加到 $scope 变量：

var ref = new Firebase("https://un-cms-13264.firebaseio.com/").child("persons").child(some-person).child("groups");
$scope.personsGroup = $firebaseArray(ref);

// When loaded
$scope.personsGroup.$loaded(function(data) {
     // can do something
}, function(error) {
     // error
});

如何确定 some-person 由您决定。您可以查询 persons 树并存储所有人员或将其存储在数组或对象中。

<ul>
    <li ng-repeat="(key, value) in personsGroup">{{ key }}</li>
</ul>

我不建议 personGroup(person) 因为 $firebaseArray 是一个异步调用，我觉得它可能真的很神经质。聪明一点，如果你愿意，你也可以在一次调用中获得整个 persons 树：

var ref = new Firebase("https://un-cms-13264.firebaseio.com/").child("persons");
$scope.persons = $firebaseArray(ref);

并对其进行一些迭代。

Firebase angular 多对多关系查询

Firebase angular many to many relation query

many-to-many

angularjs

firebase

firebase-realtime-database