Revert change on $scope variable in AngularJs

Question

I made a keyPad popUp that change values in some variables in the scope. I want to revert any change made to those variables but when the popUp close, the changes are not made to those values that appear on the current view without refreshing the view.

Changing the values part in the popUp works flawlessly and in real time.

I tried to put the root of those variables in a temporary variable and the make the switch when the user cancel. To scope values are reverted, but the view is not updated.

var inventoryLineTemp = $scope.inventoryLine;
var updateQuantityPopup = $ionicPopup.show({
  templateUrl: 'templates/popUps/quantityPopUp.html',
  title: "Quantité",
  scope: $scope,
  buttons: [
    { text: 'Cancel',
      onTap: function(e) {
        $scope.inventoryLine = inventoryLineTemp;
      }
    }...

score 6 · Accepted Answer · answered Sep 16 '14 at 01:19

6

You can't do like this var inventoryLineTemp = $scope.inventoryLine; Because they reference to the same object.

Use angular.copy instead:

var inventoryLineTemp = angular.copy($scope.inventoryLine);

answered Sep 16 '14 at 01:19

Toan Nguyen

11,263
5
43
59

So logical hehe thank you! just curious, how would you do the same thing in pure javascript? – leseulsteve Sep 16 '14 at 01:32
Got it ! http://stackoverflow.com/questions/728360/most-elegant-way-to-clone-a-javascript-object – leseulsteve Sep 16 '14 at 01:33

score 1 · Answer 2 · answered Jan 23 '18 at 14:33

1

angular copy can also be used as follows

angular.copy(Source, Dest);

This worked for me when I was not getting values returned correctly by the copy

See Documentation here

answered Jan 23 '18 at 14:33

Lord Darth Vader

1,895
1
17
26

Revert change on $scope variable in AngularJs

2 Answers2