Как вы помещаете предметы на объект в Angular JS?

Question

Я пытаюсь отправить данные на ng-object после заполнения и отправки HTML-формы с определенными пользователем значениями.После нажатия на кнопку отправки значения передаются, но с дублированными данными.

Я попытался очистить $scope.user > $scope.user='';

Я попытался очистить поля ввода после отправки.

Код NG ниже

var app = angular.module('ngpractice', []);

app.controller("formWorking", function($scope){
$scope.data = [];
$scope.update = function(){
    //$scope.data = angular.copy(user); 
    $scope.data.push($scope.user)
}
$scope.reset = function(){
    $scope.data = [];
    console.log('Data Wiped !')
}
});

HTML-код

<div ng-controller="formWorking">
<h2>Working with Forms</h2>
<form>
<fieldset id="myForm">
Name: <input type="text" name="firstname" ng-model="user.firstname"/>
Last Name: <input type="text" name="lastname" ng-model="user.lastname"         
                  required</>
<br>
Gender M: <input type="radio" name="gender" value="male" ng-model="user.gender"/>
Gender F: <input type="radio" name="gender" value="female" ng-model="user.gender" />
<input type="button" value="save" ng-click="update()"/>
<input type="button" value="reset" ng-click="reset()"/>
</fieldset>
</form>

$scope.data = []; должен отображать различные объекты, предоставленные формой после отправки.

Answer 1

Нажмите копию в массив:

$scope.update = function(){
    //$scope.data = angular.copy(user); 
    ̶$̶s̶c̶o̶p̶e̶.̶d̶a̶t̶a̶.̶p̶u̶s̶h̶(̶$̶s̶c̶o̶p̶e̶.̶u̶s̶e̶r̶)̶
    var copy = Object.assign({}, $scope.user)
    $scope.data.push(copy);
}

Для получения дополнительной информации см.

• MDN Справочник по JavaScript - Object.assign