如何使用angularjs ng-repeat迭代並獲取json值？

Question

我想迭代並在給定json的ng-repeat上獲取名稱值： test01 ， test02和test03 。 如何使用ng-repeat獲得它？ 請讓我知道並提前致謝。

小提琴可用。

Answer 1

您可以這樣做：

<tr ng-repeat="(key, value) in data.Test">
  <td> {{value.Testing.static.name}} </td>
</tr>

https://jsfiddle.net/nh5zxoka/3/

Answer 2

 var myApp = angular.module('myApp',[]); function MyCtrl($scope) { $scope.data = { "Test": [{ "Testing": { "static": { "name": "test01" }, "testboolean": true } }, { "Testing": { "static": { "name": "test02" }, "secondstatic": "yes" } }, { "Testing": { "static": { "name": "test03" } } }] }; }; 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="myApp" ng-controller="MyCtrl"> <table> <tr ng-repeat="d in data.Test"> <td> {{d.Testing.static.name}} </td> </tr> </table> </div> 

Answer 3

您不需要這里的（鍵，值），只需要

<div ng-controller="MyCtrl">
 <table>
   <tr ng-repeat="val in data.Test">
      <td> {{val.Testing.static.name}} </td> 
    </tr>
  </table>
</div>

key [0]-只是鍵“ Test”的首字母

Answer 4

這樣的事情將達到目的：

<div ng-controller="MyCtrl">
  <table>
     <tr ng-repeat="value in data.Test">
        <td> {{value.Testing.static.name}} </td> 
     </tr>
  </table>
</div>

如果您確定JSON的層次結構保持不變，則無需通過使用(key, value) in data來迭代json屬性。

更新小提琴 。