폼 배열에 추가하고 내 컨트롤러

Question

를 삭제하지 I 간단한 배열과 기능을 가지고 방금 읽은 것, 입력에 값을 입력하고 버튼을 클릭하면 입력 값이 나열된 배열에 추가되고 양식이 지워집니다.

대신 빈 행이 목록에 삽입되어 값이 입력에 남아 있습니다.

내가 놓친 것을 누구든지 볼 수 있습니까?

Answer 1

guarantor: $scope.newGuarantor을 밀어 넣은 후 $scope.newGuarantor을 다시 설정하십시오. 따라서 푸시 된 값은 $scope.newGuarantor의 재설정으로 인해 재설정됩니다.

$scope.newGuarantor의 재설정에 영향을주지 않고 새 개체를 밀어 넣어야하는 경우 angular.copy()을 사용하면 variable의 새 복사본이 만들어지며 해당 복사본은 원래 값의 영향을받지 않습니다. 즉, 원래 값을 변경하면 복사 값이 변경되지 않습니다. 따라서 원본 변수와 사본 변수 간에는 아무 관계도 없습니다.

$scope.addGuarantor = function(){ 
var objVal = angular.copy($scope.newGuarantor); 
$scope.guarantors.push({ 
    guarantor: objVal 
}); 
$scope.newGuarantor = ''; 

}};

Answer 2

확실하지이 작동하지만이에 컨트롤러를 변경 왜 그것은

$scope.newGuarantor = {}; 
$scope.addGuarantor = function() { 
    $scope.guarantors.push($scope.newGuarantor); 
     $scope.newGuarantor = {}; 
    }; 

뷰가 변경 일 :

<tr ng-repeat="pg in guarantors"> 
        <td>{{pg.guarantor}}</td> 
       </tr> 
       <tr> 
        <td> 
         <form ng-submit="addGuarantor()"> 
          <input type="text" ng-model="newGuarantor.guarantor"/> 
          <button type="submit">       <span class="glyphicon glyphicon-plus"></span> 
          </button> 
         </form> 
        </td> 
       </tr>