AngularJS ng重复json格式

AngularJS ng-repeat json-format

本文关键字：格式 json 重复 ng AngularJS      更新时间：2023-09-26

如何重复这种json数据？我想分别回应比赛和统计数据。

{
"game": [
 {
 "home": "Home Team",
 "away": "Away Team",
 "date": "2015-01-13",
 "result": "2-0"
 }
 ],
 "stats": [
 {
 "event": "Goal",
 "time": 27,
 "player": "Player One"
 },
 {
 "event": "Yellow Card",
 "time": 52,
 "player": "Player Two",
 }
 ]
 }

提前谢谢！

您只需要在每个对象内重复输入数据。假设你发布的JSON存储在$scope.data中。要获得显示游戏信息，只需给ng重复游戏数组，如下所示：

<div ng-repeat="g in data.game">
Home: {{g.home}}<br>
Away: {{g.away}}<br>
Date: {{g.date}}<br>
Result: {{g.result}}
</div>

对统计数据做同样的事情，就会显示每个数组的信息。

相关文章：