Cancel changes AngularJS

Question

Cancel changes AngularJS

Navigation

#1 by (5 votes)

0

I have the following code to undo the changes:

    $pageContent = content;
    $scope.page = $pageContent.page;
    var pageBackup = $pageContent.page;

    $scope.cancelChanges = function() {
        $scope.page = pageBackup;
        $scope.$apply;
    };

But when I change something in $scope.page it also changes pageBackup . Could someone explain the reason for this?

javascript angularjs

asked by anonymous 23.04.2014 / 23:19

1 answer

Error with the return of a function to catch century of a year [closed] How to pass rows from one DataGridView to another?

score 5 · Accepted Answer

You are just creating a new reference for the object, so any change in the original reflects in the reference.

The output is copy the original object, and recover the backup of this copy.

$pageContent = content;
$scope.page = $pageContent.page;

$scope.backup = {};
angular.copy( $scope.page, $scope.backup );
// Ou, se preferir:
// $scope.backup = angular.copy( $scope.page );

$scope.cancelChanges = function() {
    angular.copy( $scope.backup, $scope.page );
    $scope.$apply;
};