I have a JSON file that looks like this:
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 am trying to populate a dropdown menu with the names of block devices (bdev0 and bdev1) from the JSON file. However, when I tried the following code snippet, it only returns [Object object] in the dropdown:
View:
<select ng-model="selectedDevice" ng-options="item as devices['Block Devices'] for item in selectdevice">
<option value="">Select Device</option>
</select>
Controller:
.controller('timeSeriesCtrl', function($scope, $timeout, $http) {
$scope.selectedDevice = null;
$scope.selectdevice = [];
$scope.bytesRead = [];
$scope.bytesWritten = [];
$scope.IoOps = [];
$scope.currentTime = [];
var path = 'http://orbit5.ds.cs.umu.se:8888/vrio/debug/blk'
function getData(){
$http.get(path)
.success(function(data){
$scope.devices = data
angular.forEach($scope.devices['Block Devices'], function(value, key){
$scope.selectdevice = key;
})
})
}
getData();
});