演示
让您拥有的整个数组称为“arr”;
var arr= {....};
让我们处理位于顶部第三个键的段。然后在您的 HTML 中,它看起来像这样:
<table>
<tr ng-repeat="segment in arr[0].segments">
<td ng-bind="segment.name"></td>
<td>
<input type="text" ng-model="segment.name">
</td>
<td ng-bind="segment.score"></td>
<td style='cursor:pointer;' ng-click="segment.score = segment.score+1">Add Score</td>
</tr>
</table>
您的控制器将类似于:
var TodoCtrl = function ($scope) {
$scope.arr = arr;
}
它只是一个对象数组,因此可以将其视为字符串或数字数组,但具有属性。例如,如果你想输出第二个数组中的所有参赛者,你会做类似的事情
arr[1].contestants.forEach(function(element, index, object){
console.log(element.id, element.name); // name would start with Gene Collier
element.segments.forEach(function(_el){
console.log('name', _el.name, 'score', _el.score);
});
}
我希望这有帮助。