AngularJSを持つFirebaseデータベースの親と子の両方の値を取得する

Question

AngularJSを使用して、特定の親ツリーのFirebaseデータベースの値を取得しています。私はこの親の価値も得たいと思っています。

私のデータベース構造：

はこれまでのところ、私のコードは、指定したユーザーIDの下に名前と各tripIDのPhotoUrlを取得します。しかし、TripID値とNameとPhotoUrlを取得したいと思います。問題はTripID値が子ツリーにないことです。どのように私はそれを取得できますか？

私のJSは、次のようになります。

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

app.controller('MainCtrl', function($scope) { 
    var database = firebase.database(); 
    database.ref(`trips/${userid}/trips`).once('value') 

.then(photosSnap => { 
    var photosObj = photosSnap.val(); 
    var tripName = Object.keys(photosObj).map(key => photosObj[key].name); 
    var tripPhotoUrl = Object.keys(photosObj).map(key => photosObj[key].photourl); 

    $scope.repeatData = tripName.map(function (value, index) { 
     return { 
     data: value, 
     value: tripPhotoUrl[index] 
} 
}); 

Answer 1

ない私が正しく理解してください、しかし、あなたが旅行キーのリストをしたい場合：

var tripKeys = Object.keys(photosObj); 

しかし、配列に別々の値を抽出し、再構成は私にとっては過度に複雑だと感じます。

var trips = photosSnap.val(); 
$scope.repeatData = Object.keys(trips).map((key) => { 
    tripKey: key, 
    tripName: trips[key].name, 
    tripPhotoUrl: trips[key].photourl 
}); 

またはObject.keys()を必要とせず：

var trips = []; 
photosSnap.forEach((trip) => { 
    trips.push({ 
    tripKey: trip.key, 
    tripName: trip.val().name, 
    tripPhotoUrl: trip.val().photourl 
    }); 
}); 
$scope.repeatData = trips; 

FirebaseのDataSnapshotクラスは」doesnのため、最後のビットが、残念ながら、一時的な変数を必要としますが、一度の旅行を超えるだけループあなたが必要なすべてのデータを取得することができますtはmap()関数を持っています。