更新过滤对象时防止更改原始数组中的对象

Question

我有一个数组

$scope.items = [{id:1 , name:'john'},{id:2, name:'doe'}]; 

现在我正在从数组中过滤对象

$scope.newItem = $filter('filter')($scope.items, {id: 1})[0];

然后，我在更新表单中使用 $scope.newItem 但是当我输入字段时，原始数组 ($scope.items) 中的对象也在发生变化。任何人都可以帮助我做错了什么。

更多描述，

我正在执行两个步骤。在第一步中，我获取所有项目并存储在 $scope.items 中。然后在第二步中，单击项目列表中的编辑时，我在此处过滤该 ID 的对象，让 1，

$scope.newItem = $filter('filter')($scope.items, {id: 1})[0]; 

然后在显示新项目后我想更新它。当我输入一些内容来更新 newitem 中的字段时，原始数组中的原始对象也在更新...

Answer 1

你在搞乱面向对象的概念。

实际上使用 '=' 意味着更改 $scope.items 的属性会更改 $scope.newItem 的相应属性，反之亦然。

如果您不想更改原始数组，请使用以下更改，

$scope.items = [{id:1 , name:'john'},{id:2, name:'doe'}]; 

var copiedOne=angular.copy($scope.items);

然后更新你复制的

$scope.newItem = $filter('filter')(copiedOne, {id: 1})[0];

我希望这对你有用。