How to loop through an array of objects using 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]
}