Variable autolink object in angularjs

Question

I have this code in angular

$scope.b = {text: "b"};
$scope.a = {};
$scope.a = $scope.b;
$scope.a.text = "a";
console.log($scope.b); // Object {text: "a"};

It should be print Object {text: "b"}. I don't want 2 variables link together (when I change a, b should not change)

If you don't want $scope.a = $scope.b; then why do you have that line? — dting
– dting, Commented Jul 8, 2015 at 3:35

soooooot · Accepted Answer · 2015-07-08 03:40:34Z

2

in JavaScript, assign an object means ref to the object.

if you want make a and b refer to different objects. you should copy that.

angular provides two shortcuts for copy:

deep copy angular.copy

$scope.a = {};
//angular.copy(source, destination)
angular.copy($scope.b, $scope.a);

shallow copy angular.extend

$scope.a = {};
//angular.extend(destination, source1, source2 ...)
angular.extend($scope.a, $scope.b);

answered Jul 8, 2015 at 3:40

soooooot

1,75914 silver badges19 bronze badges

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

Comments

user3468001 · Accepted Answer · 2015-07-08 03:43:18Z

0

Your code the same:

$scope.a = $scope.b = {};
$scope.a.text = "a" // $scope.a = $scope.b = {text: "a"}

Because $scope.a and scope.b have pointer to one Object, so when you change $scope.a the $scope.b will change.

Solution: you can use angular.copy(source, [destination]); You can read this link

angular.copy($scope.a, $scope.b);

answered Jul 8, 2015 at 3:43

user3468001