Firebaseの多対多リレーションクエリー

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：$scope変数に$firebaseArrayを添付することです

<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

最善の方法：

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> 

$firebaseArrayが非同期呼び出しであり、それは本当のびくびくすることができように私は感じるので、私はpersonGroup(person)に助言しません。

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

をそして、それのいくつかの反復処理を実行します。それをスマートに、あなたはまた、あなたが望んでいた場合は1回の呼び出しで全体 personsツリーを得ることができます。