javascript - 从一个范围中删除数据，它反射(reflect)在另一个范围上

Question

我创建了两个范围:$scope.product_remaining、$scope.all_products

$scope.product_remaining = {};
$scope.all_products = {};

httpService.get(products_url, "")
  .then(function(result) {
      if (result.status == 200) {

        $scope.all_product = result.data;
        $scope.product_remaining = result.data;
      }
    }

当我从 $scope.product_remaining 中删除任何键时，它也会反射(reflect)在 $scope.all_product 中。

这种事有可能发生吗？我做错了什么吗？

Answer 1

那是因为你正在这样分配

$scope.all_product = result.data;
$scope.product_remaining = result.data;

函数、数组、对象 ,日期将在分配过程中保留引用。

尝试这样

$scope.all_product = angular.copy(result.data);
$scope.product_remaining = angular.copy(result.data);