angualrjs迴圈遍歷輸出josn物件
阿新 • • 發佈：2019-01-22
做專案時碰到個問題，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>