我想知道如何循环每个人的孩子.我正在使用Firebase和AngularJS.
我的firebase对象如下所示:
对我来说它看起来像一本字典,所以从Getting a list of associative array keys开始我试过了
syncData('everyone').$bind($scope,'everyone').then(function() { var keys = $scope.everyone.$getIndex(); for (var key in $scope.everyone) { console.log("key : " + key + " value : " + $scope.everyone[key]); } });
日志确实包含子对象,但它也包含所有方法.像这样
... Before this line is all the other methods. key : $on value : function (a,c){if("loaded"==a&&b._loaded)return b._timeout(function(){c()}),void 0;if(!b._on.hasOwnProperty(a))throw new Error("Invalid event type "+a+" specified");b._on[a].push(c)} controllers.js:58 key : $off value : function (a,c){if(b._on.hasOwnProperty(a))if(c){var d=b._on[a].indexOf(c);-1!==d&&b._on[a].splice(d,1)}else b._on[a]=[];else b._fRef.off()} controllers.js:58 key : $auth value : function (a){var c=b._q.defer();return b._fRef.auth(a,function(a,b){null!==a?c.reject(a):c.resolve(b)},function(a){c.reject(a)}),c.promise} controllers.js:58 key : $getIndex value : function (){return angular.copy(b._index)} controllers.js:58 key : -JH45WOOAtnZfUZkrJb1 value : [object Object] controllers.js:58 key : -JH45YdfwptGv3y6UqyV value : [object Object] controllers.js:58 key : -JH45_zxptV_dmibyGzL value : [object Object]
有没有办法让孩子们得到它?
我之所以这样做是因为我的代码设计用于使用数组,但Firebase不鼓励使用数组(对于多人可能更改的值).所以我试图遍历firebase字典并将对象复制到客户端的数组中.所以我不必改变太多的代码.
更新:从AngularFire 0.8.x开始,可以使用$asArray()来获取记录的排序数组,不再需要这个答案
在angularFire对象中迭代值的正确方法是使用$getIndex().你在上面的代码中有这个,但没有在for循环中使用它.
由于您已经在使用angularFire lib(syncData是使用angularFire的angularFire-seed服务),因此无需担心调用$apply()或将数据哄骗到Angular中的任何其他复杂性(详见上一个答案)对原始Firebase / Angular实施的良好响应).
相反,只需更改for循环以迭代键而不是angularFire实例:
syncData('everyone').$bind($scope,'everyone').then(function() { var keys = $scope.everyone.$getIndex(); // utilizing Angular's helpers angular.forEach(keys,function(key) { console.log(key,$scope.everyone[key]); }); // or as a for loop for(var i=0,len = keys.length; i < len; i++) { console.log(keys[i],$scope.everyone[keys[i]]); } });
要使用DOM中的对象,请使用ng-repeat:
<ul> <li ng-repeat="(key,user) in everyone">{{key}},{{user|json}}</li> </ul>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。