javascript - 设置 Angular 变量互不影响

Question

我是 Angular JS 的新手，并且遇到了(我认为)简单的问题。抱歉，如果我重复了问题，但我找不到任何相关主题。

我需要设置 $scope 变量而不互相影响，但是当我设置它们时，两者都会更新为相同的结果:

var defaultFilterValues = {
    show_limit: 20,
    purpose: {}
};

$scope.filter = defaultFilterValues;

console.log($scope.filter);
console.log(defaultFilterValues);

如果我设置 $scope.filter = {/* any data */} 两个结果都会更新，我如何隔离 defaultFilterValue 以始终获得主要结果？

Answer 1

不能 100% 确定您想要什么，但您可以使用 angular.copy() 来复制未引用原始对象的副本

引用angular.copy() docs

$scope.filter = angular.copy(defaultFilterValues);

它还会清除 Angular 添加到对象的任何内部哈希键