javascript - AngularJS:无法将 $scope 对象推送到结束 b/c 数据不断更新

Question

每次用户提交表单时，字段都位于 $scope.params 对象中。我想跟踪 $scope.history 对象上所有提交的数据。所以我正在做:

$scope.history.push($scope.params)

这不起作用，因为当我输出到控制台时，每个实例仅显示表单提交的最新值。例如，如果我提交表单三次，每次更改“关键字”时，它都会显示以下内容:

{
    { keywords: 'Test 3' },
    { keywords: 'Test 3' },
    { keywords: 'Test 3' }
}

但这正是我所期待的:

{
    { keywords: 'Test 1' },
    { keywords: 'Test 2' },
    { keywords: 'Test 3' }
}

如何获得想要的结果？

Answer 1

您将 $scope.params 的引用插入数组中，以便每个元素都指向同一个对象。您每次都需要复制一份...

$scope.history.push(angular.copy($scope.params));