Question

我有一个相当简单的群组和人员的json结构，我很难从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角度多对多关系查询

1 个答案: