Ionic framework Firebase 3获取列表,其中包含离子列表的生成键
我想同步firebase表和离子列表 这些是数据库中的项目Ionic framework Firebase 3获取列表,其中包含离子列表的生成键,ionic-framework,firebase,firebase-realtime-database,angularfire,Ionic Framework,Firebase,Firebase Realtime Database,Angularfire,我想同步firebase表和离子列表 这些是数据库中的项目 Items -KQpA9YpXyqBQ2HZedEo name: "jhj" -KQpAWtIaMeS93431BRQ name: "hj" -KQpB6grRt15GnacKHjW name: "j" 这是离子部分 <ion-list> <ion-item ng-repeat="item in items">
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>
如果我尝试类似的方法,我可以在控制台上看到项目
var items = itemsRef.orderByChild('name');
items.on('child_added', function (snapshot) {
var obj = snapshot.val();
console.log(obj);
});
我需要帮助才能在ionic上获取并显示列表。使用$firebaseArray是解决方案
var itemsRef = firebase.database().ref('Items');
var itemsQuery = itemsRef.orderByChild('name');
$scope.items = $firebaseArray(itemsQuery);
我认为使用$firebaseObject更好 看看这个
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>
{{item.name}
您还可以通过编写{{key}}
来使用该键,如果需要导航到它的详细信息页面,这将非常有用。
通过使用它,您可以获得所有子事件(添加、更改和删除)
<ion-list>
<ion-item ng-repeat="(key, item) in items">
<h2>{{item.name}}</h2>
</ion-item>
</ion-list>