AngularJS ng-repeat json-format

Question

How can I ng-repeat this kind of json data? I want to echo game and stats separataly.

{
"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",
 }
 ]
 }

Thank you in advance!

jwang · Accepted Answer · 2015-03-03 19:14:10Z

2

You just have to feed ng-repeat the data inside each object. Let's say that the JSON you posted is stored in $scope.data. To get show the game information, just give ng-repeat the game array like so:

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

Do the same thing with stats and you display the information from each array.

edited Mar 3, 2015 at 19:14

answered Mar 3, 2015 at 17:20

jwang

6631 gold badge5 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Verba Over a year ago

Thank you, I already tried it like this but it didn't work. But now, after 3 hours of playing around I realised that the problem is that those brackets are conflicting with laravel blade.. I feel so stupid now :D But anyway, this is the right answer :)

Collectives™ on Stack Overflow

AngularJS ng-repeat json-format

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related