做项目时碰到个问题,json属性不可控的情况下输出key和value值。之前一直使用obj.key obj.value,然而突然不好使了,查了查资料找到了一种方式。
先看看之前的写法:
定义json:
<html ng-app="main"> <head> <script type="application/javascript"> angular.module("main",[]) .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"> <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>