How to interate over JSON objects with angular js

Question

I have a JSON structure as follows

var myJson = {
   "Number of Devices":2,
   "Block Devices":{
      "bdev0":{
         "Backend_Device_Path":"/dev/ram1",
         "Capacity":"16777216",
         "Bytes_Written":9848,
         "timestamp":"4365093970",
         "IO_Operations":87204,
         "Guest_Device_Name":"vdb",
         "Bytes_Read":107619,
         "Guest_IP_Address":"192.168.26.88"
      },
      "bdev1":{
         "Backend_Device_Path":"/dev/ram2",
         "Capacity":"16777216",
         "Bytes_Written":10062,
         "timestamp":"9365093970",
         "IO_Operations":93789,
         "Guest_Device_Name":"vdb",
         "Bytes_Read":116524,
         "Guest_IP_Address":"192.168.26.100"
      }
   }
}

I want to select Block Devices that is bdev0, bdev1... and also their values normally this is easy to do using Object.keys in vanilla javascript but it seems that I cannot use this function in angular so I tried angular.forEach but It returns undefined.

here is how far I could go

function getData(){
  $http.get(path)
  .success(function(data){
    $scope.devices = data
    angular.forEach($scope.devices, function(item){
                   console.log(item['Block Devices']);
               })


  })
}

As an aside, that's not JSON, it's just an object (created via an object literal). JSON looks similar, but is a string representation (serialisation) of an object. — nnnnnn
– nnnnnn, Commented Feb 10, 2016 at 12:23

Valentin Podkamennyi · Accepted Answer · 2016-03-06 12:04:21Z

5

use forEach as in code snippet below to access desired properties:

angular.forEach($scope.devices['Block Devices'], function(value, key) {
   console.log(value, key);
   // Would log value of $scope.devices['Block Devices'][key]
   // and key name which is 'bdev0', 'bdev1' etc.
})

In that way you can access value of bdev0, bdev1 as value and name as of device as key in your callback function.

edited Mar 6, 2016 at 12:04

Valentin Podkamennyi

7,4194 gold badges32 silver badges44 bronze badges

answered Feb 10, 2016 at 12:22

Andriy Ivaneyko

22.3k7 gold badges70 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Imo Over a year ago

really value, key but what I want is just bdev0 and bdev1 just these names first so that I can push them to a dropdown

Andriy Ivaneyko Over a year ago

access that names as key in callback

ashfaq.p · Accepted Answer · 2016-02-10 12:26:30Z

0

Angular is a javascript framework. Anything which works in vanilla javascript will work here also. About your question: you should iterate like this:

angular.forEach($scope.devices['Block Devices'], function(value, key){
       console.log(key);
})

This will console bdev0, bdev1 etc.

answered Feb 10, 2016 at 12:26

ashfaq.p

5,49723 silver badges36 bronze badges

1 Comment

Imo Over a year ago

you cannot use object.keys in angular directly according to this answer stackoverflow.com/questions/25299436/…

Collectives™ on Stack Overflow

How to interate over JSON objects with angular js

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related