Angularjs applying update to object

Question

So say you have the following code:

var absenceType = {name: 'hello'};
this.newAbsenceType = angular.copy(absenceType);

Now you make changes to this.newAbsenceType and you wish to apply these changes to the original object.

So ive been looking at extend:

angular.extend( absenceType, this.newAbsenceType);

However this did not do the trick.

What am i doing wrong?

angular.copy returns "The copy or updated destination, if destination was specified." — a better oliver
– a better oliver, Commented Sep 23, 2016 at 10:52
angular.extend( absenceType, this.newAbsenceType) should work. If it doesn't then you are doing something wrong which you don't show in the question. — dfsq
– dfsq, Commented Sep 23, 2016 at 10:58

KrishCdbry · Accepted Answer · 2016-09-23 11:00:13Z

1

Use merge

 angular.merge(absenceType, this.newAbsenceType);

But extend also should work the same way the only difference between them is merge deeply extends the destination object.

answered Sep 23, 2016 at 10:54

KrishCdbry

1,05911 silver badges19 bronze badges

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

2 Comments

is merge a function from angular 1.4 and above?

Юра Панарин · Accepted Answer · 2016-09-23 10:51:46Z

0

You can use $scope.$watch

$scope.$watch(function(){ return this.newAbsenceType}, function(newValue, oldValue) {
  //do change
});

answered Sep 23, 2016 at 10:51

8498 silver badges11 bronze badges