Firebase 3将包含生成的键的列表获取到离子列表

问题描述

这些是数据库上的项目

 项目
 -KQpA9YpXyqBQ2HZedEo 
名称：jhj
 -KQpAWtIaMeS93431BRQ 
名称：hj
 -KQpB6grRt15GnacKHjW 
名称： j
  

这是离子部分

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

这是我的firebase部分

<$ p $ （项目）;

//先尝试
var items = itemsRef.orderByChild（'name'）;
$ scope.items =项目;

//这是第二次尝试
itemsRef.on（'child_added'，function（data）{
$ scope.items = data.val（）;
}）;

如果我尝试这样的操作，可以在控制台上看到项目。

  var items = itemsRef.orderByChild（'name'）; 
 $ b items.on（'child_added'，function（snapshot）{
 var obj = snapshot.val（）; 
 console.log（obj）; 
} ）; 
  

我需要帮助来获取和显示离子列表。

<解决方案使用$ firebaseArray是解决方案

pre $ var $ items $ ref $ firebase .database（）REF（ '商品'）;
var itemsQuery = itemsRef.orderByChild（'name'）;
$ scope.items = $ firebaseArray（itemsQuery）;

I wanna synchronize firebase table with ionic list.

These are items on database

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

This is ionic part

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

Here is my firebase part

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();
});

If I try something like this I can see Items on console.

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

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

I need help to get and show the list on ionic.

解决方案

Using $firebaseArray is the solution

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

Angular Fire Docs

这篇关于Firebase 3将包含生成的键的列表获取到离子列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！