正在被HTML页面更改的JavaScript对象不应该是

Question

我正在使用Angular Framework创建SPA。我想要做的是，当用户点击一个窗体的取消按钮时，显示的数据应该回到原来的状态。为此，我使用一个保存原始信息的JavaScript对象，然后使用angular.copy（）将原始信息复制到$ scope变量中进行显示。

保存信息的代码。

getInfo.getMoreInformation("/views/people/" + $scope.vendorguid +"/payroll-details").success(function(data, status, headers, config){ 


      dataOracle = data.data['oracle-user']; 

      $scope.oracle = {}; 

      $scope.oracle = data.data['oracle-user']; 


    }) 

处理该代码取消按钮点击

$scope.orcancel = function(){ 

    $scope.oracle = {}; 

    angular.copy(dataOracle, $scope.oracle); 

} 

正在发生的事情是，当用户在HTML页面的形式发生变化，可变dataOracle正在被改变。所以当拷贝被执行时，新输入的数据被传递给$ scope.oracle。我在其他页面上使用了相同的过程，并且按预期工作，但在此页面上它无法正常工作。

Answer 1

问题是我对显示和输入字段都使用了相同的变量。改变变量后，问题就消失了。