gpt4 book ai didi

javascript - 如何使用 Angular 获取json对象的名称

转载 作者:行者123 更新时间:2023-12-02 14:39:16 28 4
gpt4 key购买 nike

我正在尝试从我的数据集中获取 json 对象的名称(在本例中为 bdev0bdev1)。

到目前为止,我已经尝试过 ng-options 但没有成功。我在下面的代码中试图实现的只是检索 json 对象的名称。到目前为止,我尝试过的所有示例都不适合我的情况。

jsfiddle

代码:

var myApp = angular.module('myApp', []);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
$scope.data = [{
"Block_Devices": {
"bdev0": {
"Backend_Device_Path": "/dev/ram1",
"Capacity": "16777216",
"Bytes_Written": 1577,
"timestamp": "4365093970",
"IO_Operations": 17757,
"Guest_Device_Name": "vdb",
"Bytes_Read": 17793,
"Guest_IP_Address": "192.168.26.88"
},
"bdev1": {
"Backend_Device_Path": "/dev/ram2",
"Capacity": "16777216",
"Bytes_Written": 1975,
"timestamp": "9365093970",
"IO_Operations": 21380,
"Guest_Device_Name": "vdb",
"Bytes_Read": 20424,
"Guest_IP_Address": "192.168.26.100"
}
},
"Number of Devices": 2
}]

}

HTML

<div ng-controller="MyCtrl">
<select name="Block_Devices" ng-model="selectedDevice" ng-options="value.Block_Devices for value in data">
<option value="">Please Select Device</option>
</select>
</div>
Selected Device = {{selectedDevice}}

最佳答案

您可以使用ng-repeat="(key, value) in array"语法。

<div ng-repeat="(key, value) in data[0].Block_Devices">
{{key}}
</div>

{{key}} 将是 Block_Devices 的属性
查看示例jsfiddle

关于javascript - 如何使用 Angular 获取json对象的名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37159058/

28 4 0
文章推荐: javascript - 每个页面都会触发ready函数
文章推荐: git - 无法登录gitolite服务器进行克隆,但可以通过ssh连接
文章推荐: ssh - ssh隧道,使用MobaXterm将树莓派连接到wn3000rp wifi扩展器
文章推荐: javascript - 当表中有