遍歷的JSONObject的角度並打印某些值

Question

您好我有JSONObject的象下面這樣：

$scope.controls = {"fields":[{"id":1,"name":"Sales Figures 2017","area":"sales","value":"1800"},{"id":2,"name":"Are you on commission","area":"support","value":"Yes"}]} 

我試圖環和顯示結果如下圖所示，但只需要「名」和「價值」的價值觀。

輸出到像

1. 銷售數據2017年：1800
2. 您佣金：是

下面是我所做的一切只得到鍵和值，但它沒有顯示任何東西。

<div ng-repeat="key in controls"> 
    {{key.name}} : {{key.value}} 
</div> 

Answer 1

您必須訪問控制對象中的fields，因爲這是數組所在的位置。

<div ng-repeat="key in controls.fields"> 
    {{key.name}} : {{key.value}} 
</div> 

Answer 2

訪問fields財產ng-repeat

angular.module("app",[]) 
 
.controller("ctrl",function($scope){ 
 
$scope.controls = {"fields":[{"id":1,"name":"Sales Figures 2017","area":"sales","value":"1800"},{"id":2,"name":"Are you on commission","area":"support","value":"Yes"}]} 
 

 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
<div ng-repeat="key in controls.fields"> 
 
    {{key.name}} : {{key.value}} 
 
</div> 
 
</div>