Update object in nested json Angularjs

Question

The code below shows a jSON server in a url , so how can i change for example the players name and their numbers using AngularJs. Thank you.

{
"id": 1,
"Team": "Arsenal",
"Manager": [
{
  "id": 1,
  "Name":"Arsene_Wenger",
  "Players": [
    {
      "id": 1,
      "Name": "Welbeck",
      "Number": "23"
    },
    {
      "id": 2,
      "Name": "Ramsey",
      "Number": "16"
    }
  ]
}
]
}

Change it where, on the server? If so, you would have to get the data from the server, change it on the view, then send the data back. — Samir Alajmovic
– Samir Alajmovic, Commented Mar 30, 2015 at 13:19

Samir Alajmovic · Accepted Answer · 2015-03-30 13:25:12Z

0

Simply bind a ng-model on the HTML side, for instance:

<div ng-repeat="player in Football.Manager[0].Players;">
 <input type="text" ng-model="player.Name" > {{player.Name}}</input>
 <input type="text" ng-model="player.Number" >{{player.Number}}</input>
</div>

Then, whenever the model is changed in HTML it will affect the JSON model you got.

answered Mar 30, 2015 at 13:25

Samir Alajmovic

3,2933 gold badges28 silver badges28 bronze badges

Add a comment |

Collectives™ on Stack Overflow

Update object in nested json Angularjs

1 Answer 1

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related