필수 드롭 다운 필드에 사용자 정의 유효성 검사 작성

Question

드롭 다운에 사용자 정의 유효성 검사를 작성하려고합니다. 필수 항목입니다.

사용자가 선택한 값에 따라 특정 조건을 부과해야합니다. 내 조건이 실패하면 필드를 유효하지 않게 만들고 선택한 값이 유효하지 않다는 오류 메시지를 사용자에게 표시합니다.

다음 코드를 작성하려고했지만 조건을 검사 할 메소드를 작성할 위치가 확실하지 않습니다.

<div class="form-group" data-ng-class="{'has-error' : myForm.duration.$invalid}"> 
     <label for="durationOfclass">Duration</label> 
     <div class="col-sm-4 col-md-3"> 
      <select name="duration" class="form-control" data-ng-required="true" 
      data-ng-model="durationOfclass" 
      data-ng-options="h.name for h in availableDurations()"> 
      <option value="">-- Välj --</option>     
      </select> 
     </div> 
     <label class="text-danger" data-ng-show="myForm.duration.$error.isValid" for="imei">Selected value is invalid</label> 
     </div> 

나를 도와 줄 수 있습니까?

Answer 1

나는 (이 느린, 다음과 같은 옵션이 더 낫다) ('객체'의 유효성을 검사) 컨트롤러, $ rootScope $ 시계에 포함하거나 권하고 싶습니다, 또는 선택에 포함 :

<select ... ng-change="validate()"> 

.

컨트롤러에서 $ scope.validate는 양식 1.이 유효하게 표시되고 2. 제출 가능 여부, 3. 오류 메시지가 표시되는지 여부를 제어하는 ​​플래그를 설정 또는 설정 해제합니다.

희망 하시겠습니까?