How to append to a json object in angular js

Question

I am having an object like this $scope.releases = [{name : "All Stage",active:true}];

I need to append more data to it

[
  {name : "Development",active:false},
  {name : "Production",active:false},
  {name : "Staging",active:false}
]

So the final data should be like this

[
   {name : "All Stage",active:true}
   {name : "Development",active:false},
   {name : "Production",active:false},
   {name : "Staging",active:false}
]

I tried the following code. But it is not appending.

app.controller('MainCtrl', function($scope) {
  // I am having an object like this
  $scope.releases = [{name : "All Stage",active:true}];
  // I need to appned some more data to it
  $scope.releases = [
    {name : "Development",active:false},
    {name : "Production",active:false},
    {name : "Staging",active:false}
  ]
});

Pluker Link : http://plnkr.co/edit/gist:3510140

net.uk.sweet · Accepted Answer · 2013-11-19 11:53:47Z

18

  $scope.releases = [{name : "All Stage",active:true}];
  // Concatenate the new array onto the original
  $scope.releases = $scope.releases.concat([
    {name : "Development",active:false},
    {name : "Production",active:false},
    {name : "Staging",active:false}
  ]);

answered Nov 19, 2013 at 11:53

net.uk.sweet

12.4k3 gold badges26 silver badges42 bronze badges

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

2 Comments

Ambal Mani Over a year ago

when i am trying this i got the following error TypeError: $scope.releases.concat is not a function

net.uk.sweet Over a year ago

@Ambal Mani - $scope.releases is not an array at the point you're trying to call concat on it. What's the result of typeof($scope.releases) ?

D.Evangelista · Accepted Answer · 2013-11-19 11:52:56Z

5

Just use the Array concat method

$scope.release = [{name : "All Stage",active:true}];
$scope.releases = [
    {name : "Development",active:false},
    {name : "Production",active:false},
    {name : "Staging",active:false}
];
$scope.releases = $scope.releases.concat($scope.release);

answered Nov 19, 2013 at 11:52

D.Evangelista

6,5511 gold badge28 silver badges33 bronze badges

Comments

Sibaram Sahu · Accepted Answer · 2016-11-25 14:05:02Z

1

user angular.extend() to extend the object angular extend

you can also use angular.merge() angular merge

answered Nov 25, 2016 at 14:05

Sibaram Sahu

1,0192 gold badges14 silver badges21 bronze badges

2 Comments

netalex Over a year ago

useful for merging object and not just arrays in a simple way. voted up because of usefulness even if sightly ot

Fergus Over a year ago

angular merge is now deprecated

Collectives™ on Stack Overflow

How to append to a json object in angular js

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related