How to bind a $scope variable to a normal variable in AngularJS?

Question

In my AngularJS controller, I have a variable $scope.name which is assigned to an input's ngModel.

I wanted to save the value of $scope.name to a normal variable, so I could process it in my controller without changing the value of the input box.

So I did var name = $scope.name

The issue is, now the two seem to be linked... when I change the value of name, the value of $scope.name also changes, and that changes the value of the input box.

How can I stop this? How can I assign a $scope variable to normal variable, once, without any continued binding?

Thank you!

Lucas · Accepted Answer · 2016-06-10 21:04:33Z

1

You need to use angular.copy()

like:

var name;
$scope.name = 'name';

function copy(){
    name = angular.copy($scope.name);
}

answered Jun 10, 2016 at 21:04

Lucas

1,3014 gold badges17 silver badges34 bronze badges

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

1 Comment

snazzybouche Over a year ago

Perfect, thank you - I'll Accept this as soon as the site lets me

Collectives™ on Stack Overflow

How to bind a $scope variable to a normal variable in AngularJS?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related