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 添加到对象的任何内部哈希键