Setting angular variable without affect each other

Question

I'm new in angular js and bumped ( I think ) in to simple problem. Sorry if I dublicated question, but I can't find any related topics.

I need to set $scope variable without affecting each other, but then I'm setting them, both are updated with the same results:

var defaultFilterValues = {
    show_limit: 20,
    purpose: {}
};

$scope.filter = defaultFilterValues;

console.log($scope.filter);
console.log(defaultFilterValues);

If I set $scope.filter = { /* any data */ } both results are updated, how I can isolate defaultFilterValue to always have primary results?

charlietfl · Accepted Answer · 2015-09-20 16:29:17Z

2

Not 100% sure what you are wanting but you can use angular.copy() to make duplicate that isn't referenced to original object

Reference angular.copy() docs

$scope.filter = angular.copy(defaultFilterValues);

it will also clean out any internal hashkeys that angular adds to objects

answered Sep 20, 2015 at 16:29

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

1 Comment

charlietfl Over a year ago

then what exactly are you trying to do?

J. Kovacevic · Accepted Answer · 2015-09-20 16:28:53Z

0

That is because all objects in JavaScript are copied by reference, you need

angular.extend($scope.filter, defaultFilterValues);

answered Sep 20, 2015 at 16:28

J. Kovacevic

19316 bronze badges

Collectives™ on Stack Overflow

Setting angular variable without affect each other

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related