以 ng-repeat 显示来自 Firebase 的数据
Show data in ng-repeat from Firebase
我有来自 firebase 的 JSON 格式的数据,如下所示:
"events" : [{
"event_score" : [0,1],
"user_scores": {"simplelogin:1" : {"user_score":[0,0]}}, {"simplelogin:2" : {"user_score":[3,0]}}, ...
},
{
"event_score" : [0,1],
"user_scores": {"simplelogin:1" : {"user_score":[0,0]}}, {"simplelogin:2" : {"user_score":[3,0]}}, ...
},
...
]
simplelogin:1 与控制器中的 currentUser.$id 相同:
'use strict';
angular.module('MyApp.controllers').controller('DashboardCtrl',
function($scope, $timeout, $firebase, FIREBASE_ROOT, Auth) {
//get events list from firebase
var eventsRef = new Firebase(FIREBASE_ROOT + '/events');
var usersRef = new Firebase(FIREBASE_ROOT + '/users');
var currentUserRef = usersRef.child(Auth.currentUser.uid);
var currentUser = $firebase(currentUserRef);
$scope.screen_name = currentUser.$id;
$scope.eventsRef = eventsRef;
eventsRef.on('value', function(snapshot) {
$timeout(function() {
var snapshotVal = snapshot.val();
$scope.events = snapshotVal;
});
});
});
我尝试像这样在页面上显示它:
<div ng-repeat="e in events">
<p>{{e.match_score}}</p>
<p>{{e.match_userScore.screen_name.user_score}}</p>
</div>
{{e.match_userScore.screen_name.user_score}} 不要工作。但是我不知道是否可以在{{}}内部将变量从范围注入对象路径?还是有别的办法?
但是我不知道是否可以在{{}}内部将变量从范围注入对象路径?
是的,这是可能的。由于您在 {{
和 }}
之间提供了一个类似 javascript 的表达式,该表达式由 Angular 解析,因此您可以使用括号表示法按存储在变量中的属性名称访问值:
{{e[match_userScore][screen_name].user_score}}
相关文章:
- 如何将firebase数据传递到函数中
- 如何在应用中管理到 Firebase 数据的动态路径
- 移除 Firebase 数据中对child_added的引用
- Firebase 数据结构理念
- Firebase 数据未正确更新
- 如何使用javascript在html中将firebase数据显示为列表
- 除非刷新,否则Firebase数据不会加载到列表中(AngularJS,Firebase和ionic)
- 当Firebase数据发生变化时,Google 图表不会更新
- 使用 Firebase 数据过滤 ng 重复
- 将 Angular 推迟到收到 Firebase 数据
- 如何使用Firebase数据制作一个简单的d3图表
- 如何使用angular将firebase数据绑定到fullCalendar
- 简单的Firebase数据检索
- Firebase数据快照返回key,但不返回.val()
- 如何在angular中检索和更新我的firebase数据?
- 处理已获取的Firebase数据
- 如何在AngularJS中将返回的Firebase数据设置为$scope变量
- 如何通过两个不同的索引访问相同的Firebase数据
- Firebase数据未保存到数据库
- 如何将firebase数据显示在屏幕上