angualrjs循环遍历输出josn对象
做项⽬时碰到个问题,json属性不可控的情况下输出key和value值。之前⼀直使⽤obj.key obj.value,然⽽突然不好使了,查了查资料到了⼀种⽅式。
先看看之前的写法:
定义json:
<html ng-app="main">
<head>
<script type="application/javascript">
.controller("mainController",["$scope", function ($scope) {
$scope.dataArray = [
{
"SSID":"153 mac"
},
{
"Authentication Type":"MAC"
}
]
}])
</script>
</head>
<body ng-controller="mainController">
<div class="form-group" ng-repeat="obj in dataArray">
<label class="col-md-6 control-label">{{key}}</label>
<div class="col-md-6">js获取json的key和value
<p class="form-control-static">{{value}}</p>
</div>
</div>
</body>
</html>
想要达到这种输出格式:
发现输出不了,取不到对应的值,试了试直接打印输出{{obj}}是可见的,但是obj.key和obj.value是不可见的。
于是换了⼀种写法:
<div class="form-group" ng-repeat="obj in dataArray">
<div ng-repeat="(key,value) in obj">
<label class="col-md-6 control-label">{{key}}</label>
<div class="col-md-6">
<p class="form-control-static">{{value}}</p>
</div>
</div>
</div>