여기에 JS 코드가 있습니다.입력 값을 업데이트하면 angularJS 배열의 해당 입력 값이 모두 업데이트됩니다.
angular.module('myApp', [])
.controller("myController", [function() {
this.master = [];
this.addUser = function(user) {
this.master.push(user)
};
this.removeUser = function(user) {
var indexToRemove = this.master.indexOf(user);
this.master.splice(indexToRemove,1)
}
this.reset = function() {
this.user = this.master[this.master.length - 1];
}
}])
여기 내 HTML 부분입니다.
<body ng-app="myApp" ng-controller="myController as Cntrl">
<form>
Name: <input type="text" ng-model="user.name" /> <br />
Email: <input type="email" ng-model="user.email" /> <br />
Gender: <input type="radio" ng-model="user.gender" value="male" /> Male
<input type="radio" ng-model="user.gender" value="female" /> female <br /> <br />
<input type="button" ng-click="Cntrl.addUser(user)" value="Add User">
<input type="button" ng-click="Cntrl.reset()" value="Reset User">
</form>
<div ng-repeat="users in Cntrl.master track by $index">
<span ng-click="Cntrl.removeUser(users)" >X</span> <pre>{{users | json}}</pre>
</div>
</body>
새 사용자를 추가하고 선택한 사용자를 삭제할 수 있습니다. 그러나 새 사용자를 추가 할 때마다 배열에있는 모든 이전 사용자의 등록 정보가 새로 추가 된 사용자의 등록 정보로 업데이트됩니다.
여기에 실수를 설명해주십시오.