각도 js ng-model

Question

팝업이 열리는 두 개의 버튼이 있습니다. 팝업에 입력 필드가 있고 그 입력 필드에 유효성 검사가 적용되었습니다. 팝업을 닫고 두 번째 버튼을 클릭하면 코드를 줄이기 위해 동일한 입력 필드를 사용했기 때문에 입력 값이 이미 채워졌습니다.

입력 필드의 ng-model 값을 재설정하는 방법은 무엇입니까?

닫기 버튼을 클릭 할 때 null로 설정하려고했지만 두 번째 버튼을 클릭하면 null이 설정되지만 처음에는 valiation 오류가 표시됩니다.

동일한 입력 필드를 사용하여이 기능을 구현하는 방법은 무엇입니까?

<form name="vm.pvtZipCodeSearchForm" id="pvtZipCodeSearchForm" class="clearfix"> 
    <div class="alert alert-danger" ng-if="vm.errorMsg">{{vm.InvalidAddressError}}</div> 
    <fieldset class="form-control form-control-wrapper"> 
     <div class="fields"> 
      <input type="text" class="form-control" placeholder="{{vm.lang.tcZipCode}}Postnummer*" title="{{vm.lang.tcZipCode}}*" name="zipCode" maxlength="5" ng-model="vm.tariff.zipCode" ng-maxlength="5" ng-minlength="5" ng-required="!disable" /> 
      <div ng-if="vm.isValidForm" class="error-message" ng-messages="vm.pvtZipCodeSearchForm.zipCode.$error" role="alert"> 
       <div ng-message="required">{{vm.lang.errMsgBlankField}}</div> 
       <div ng-message="minlength">{{vm.lang.errMsgShortField}}</div> 
       <div ng-message="maxlength">{{vm.lang.errMsgLongField}}</div> 
      </div> 
     </div> 
     <br /> 
     <div class="fields tac"> 
      <button type="button" ng-click="vm.tcSearchZipCode()" class="tc___button--search">{{vm.lang.search}}</button> 
     </div> 
    </fieldset> 
</form> 

Answer 1

당신이 [SO 게시물을]

vm.pvtZipCodeSearchForm.zipCode.$pristine = true;