Add an element to existing json in angularJs

Question

I have 2 Json object as follows.

var j1={"fname":"XYZ","lname":"qwe"};

and

var j2 = {"id":"10"}

I want to merge j1 and j2

I tried with var ob = angular.merge({},j1,j2); but its showing angular.merge is not a function

I tried with push and concat. But these also gave same kind of error.

please help, thank you.

how about var ob = angular.extend({}, j1, j2); Also what version of angular are you using? — Ana Liza Pandac
– Ana Liza Pandac, Commented Jun 25, 2016 at 11:39

Ana Liza Pandac · Accepted Answer · 2016-06-25 11:48:06Z

1

If your version of Angular does not support angular.merge yet, you can use angular.extend instead.

angular.module('app', [])
.controller('TestController', ['$scope', function(){
  var j1 = {"fname":"XYZ","lname":"qwe"};
  var j2 = {"id": 10};
  var obj = angular.extend({}, j1, j2);
  
  console.log(obj);
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="TestController">
</div>

Note: angular.merge is only available from version 1.4 to the latest

answered Jun 25, 2016 at 11:48

Ana Liza Pandac

4,8912 gold badges26 silver badges37 bronze badges

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

2 Comments

Narasimha Maiya Over a year ago

Thank you But instead of {} I used an object

Ana Liza Pandac Over a year ago

yes, you can do that as well. angular.extend(anotherobject, j1, j2);

Collectives™ on Stack Overflow

Add an element to existing json in angularJs

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related