Question

这是一个非常奇怪的问题，我有一个表单创建一个新对象，然后将其推送到一个数组。但是，新项目正在改变之前的项目。

var newHeli = $scope.hlz.form;
    $scope.helicopters.push(newHeli);
    $scope.selectedHelicopters.push(newHeli)

将增加一架新直升机，但它改变了以前直升机的价值。在提交名称之前甚至更新名称的位置。

 <button class="helicopter" ng-click="removeHelicopter($index)" 
 ng-repeat="helicopters in selectedHelicopters  track by $index">
   {{helicopters.size}}
 </button>

它的显示方式和

<input type="text"  ng-model="hlz.form.size"/>

是如何为新条目更新模型。所以数组应该有以下条目：

[{size: 'test 1'}, {size: 'test 2'}, {size: 'test 3'}]

它有：

 [{size: 'test 3'}, {size: 'test 3'}, {size: 'test 3'}]

有任何线索如何解决这个问题？

Answer 1

您正在推送对象的引用，这不是深层克隆

将范围表单推送到更改阵列的其他成员的数组

1 个答案: