当我改变一个变量的值时，另一个变量也在改变

Question

我通过使用以下方法从数据库中获取值并将输出数据插入到两个变量中，当我更改 $scope.contactRole 中的值时，'contactRoleForTrace' 的值也在发生变化，但我不想要改变它。所以你能告诉我我该怎么做吗？

var contactRoleForTrace = [];
$scope.getUserRoles = (function () {
    //Method to get data from database
    intakeAppFactory.getRoles(item)
        .success(function (data) {
            contactRoleForTrace = data;
            $scope.contactRole = data;
        }).error(function (data, status) {
            $scope.error = "An Error has occured!";
        });
});

Answer 1

当前您将data 对象引用直接分配给contactRoleForTrace 和$scope.contactRole，因此$scope.contactRole/data 发生的任何更改都会自动更新contactRoleForTrace 变量，因为它们绑定到相同的引用（@ 987654327@对象）。

您应该使用angular.copy，它将创建data 对象的克隆，因此contactRoleForTrace 和$scope.contactRole 将指向不同的引用。

contactRoleForTrace = angular.copy(data);