Question

我想迭代并获取名称值：test01，test02和test03在我的ng-repeat上为我给定的json。如何使用ng-repeat获得它？请提前告知我并提前致谢。

Fiddle可用。

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] - 只是键的第一个字母＆＃34; Test＆＃34;

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属性。

Updated fiddle

如何使用angularjs ng-repeat迭代并获取json值？

4 个答案: