Firebase 3イオンリストに生成されたキーを含むリストを取得します

Question

firebaseテーブルをイオンリストと同期させたいと思います。

これらはデータベース

Items 
-KQpA9YpXyqBQ2HZedEo 
     name:  "jhj" 
-KQpAWtIaMeS93431BRQ 
     name:  "hj" 
-KQpB6grRt15GnacKHjW 
     name:  "j" 

上の項目です。これは、ここで

<ion-list> 
    <ion-item ng-repeat="item in items"> 
      <h2>{{item.name}}</h2> 
    </ion-item> 
</ion-list> 

が、私はこのような何かをしようとした場合、私は上のアイテムを見ることができます私のfirebase一部

var itemsRef = firebase.database().ref('Items'); 

//first try 
var items = itemsRef.orderByChild('name'); 
$scope.items = items; 

//this is second try 
itemsRef.on('child_added', function (data) { 
    $scope.items = data.val(); 
}); 

であるイオン性部分でありますコンソール。

var items = itemsRef.orderByChild('name'); 

items.on('child_added', function (snapshot) { 
    var obj = snapshot.val(); 
    console.log(obj); 
}); 

イオンのリストを取得して表示するには、ヘルプが必要です。 $ firebaseArrayを使用して

Answer 1

は、私は$ firebaseObjectを使用して優れていると思うソリューション

var itemsRef = firebase.database().ref('Items'); 
var itemsQuery = itemsRef.orderByChild('name'); 
$scope.items = $firebaseArray(itemsQuery); 

Angular Fire Docs

Answer 2

です。このうち

var itemsRef = firebase.database().ref('Items'); 
var items = itemsRef.orderByChild('name'); 
$scope.items = $firebaseObject(items); // Don't forget to add $firebaseObject in your dependencies of your controller 

チェックは、今すぐあなたのビューで次の

<ion-list> 
    <ion-item ng-repeat="(key, item) in items"> 
      <h2>{{item.name}}</h2> 
    </ion-item> 
</ion-list> 

を行うことができますあなたはあなたがそれに移動する必要がある場合です便利な、{{key}}を書き込むことによって、キーを使用することも可能だろう詳細ページ。 これを使用すると、すべての子イベントを取得（追加、変更、削除）します