How to loop through an array of objects using angularjs - angularjs

Question

I am working on an ionic app that loads data from firebase. In this case I have a .factory called NoteStore that reads a specific table in firebase (eg "lakes").
{
"lake": {
"one": {
"bio": "xxxx",
"shortname": "xxxx",
"name": "xxxxx",
"reknown": "xxxx",
"image":"xxxxx"
},
"two": {
"bio": "xxxx",
"shortname": "xxxx",
"name": "xxxxx",
"reknown": "xxxx",
"image":"xxxxx"
}
}
}
This is the .factory code that reads from firebase:
//get all lake activites
getAllLakes: function(){
return $firebaseArray(ref.child('lake'));
},
//get individual lake activites
getLake: function(lakeId){
return $firebaseObject(ref.child('lake').child(lakeId));
}
My app Controller then gets the data through the NoteStore and calling a function "getAllLakes():
app.controller('LakeActivitiesListController', function($scope, NoteStore, $localStorage) {
$scope.alllakes = NoteStore.getAllLakes();
}
The main problem is that I want to access individual objects from the "lake" table in firebase so that I can be able to store them in localStorage.
This then displays array of objects as below:
When I just create an object as shown below and save to localStorage, it works fine, as shown in the image below.
var myObj = [
{
name: 'james',
title:'doctor'
},
{
name: 'jojo',
title:'doctor'
}
];
console.log(myObj);
//
window.localStorage['lakes'] = JSON.stringify(myObj);
$scope.data = JSON.parse(window.localStorage.getItem('lakes'));
I am working on my college project that is overdue. Please help. All I want is to be able to access an array that contains objects from firebase so that I can store them in localStorage.
Please.

Answer 1

angular.forEach is the way, here is an example:
Example with array of objects iteration:
var array_of_objects = [{name: 'Jimi', gender: 'male'},{name: 'Peter', gender: 'male'},{name: 'Bob', gender: 'male'}];
angular.forEach(array_of_objects, function(item, index) {
console.log(item, index);
});
Example with object iteration:
var my_object = {name: 'Jimi', gender: 'male', age: '25'};
angular.forEach(my_object, function(value, key) {
console.log(value, key);
});
In your case you want to make an angular.forEach on $scope.alllakes and then push the object that you want in the storage

Answer 2

The problem is, that you have an object not an array. You can loop through the different members of you object with
for(var propertyName in myObject) {
// propertyName is what you want
// you can get the value like this: myObject[propertyName]
}