javascript - 在 AngularJs 中推送时对象被覆盖

Question

大家。使用 angularjs 1.2v。我的模型中有一个数组。该页面相当大，因此我将尝试简短地描述它。

    $scope.model={
      salary,
      position,
      user:
      [{
      name:'',
      address:''
      }]
    }

以及将项目添加到该数组中的函数:

$scope.submitFunc = function(item){
  $model.user.push(item);
}

这是 html 文件:

<div class="panel panel-success" ng-repeat="item in model.user">
   <div class="form-group">
     <label>NameLabel</label>
     <input ng-model="item.name" type = text />  
   </div>
   <div class="form-group">
     <label>addressLabel</label>
     <input ng-model="item.address" type = text />
   </div>
   <button ng-click="submitFunc(item)">Submit<>
</div>

单击按钮后，我需要模型中的数组如下所示:

$scope.model={
 'salary': 'some value',
 'position': 'some value',
 'user':[{name: 'value', address:'value2'},
{name: 'value3', address:'value4'},
... ]
}

如何构造 Submit 函数来纠正它以添加新值而不仅仅是重写它们？这样做的目的是用户可以随机填写一份表格。并且在按钮上单击数据应该进入数组并且字段应该被清除...谢谢!

Answer 1

您需要复制该对象。您正在传递一个引用:

angular.copy(source);

https://docs.angularjs.org/api/ng/function/angular.copy

$scope.submitFunc = function(item){
  $model.user.push(angular.copy(item));
}