디스플레이 사업부 또는 입력 상자가 때 값 드롭 다운이 검토 기타

Question

Plnkr 코드로 선택 : https://plnkr.co/edit/vWR7kK9MQw4nyciRt1Bj?p=preview

이 어떻게 사업부 또는 입력 상자를 표시 할 한 번 값 드롭 다운은 기타로 선택?

HTML을

<div class="form-group fields col-sm-2 col-xs-4"> 
    <label>EDUCATION QUALIFICATION *</label> 
    <select name="education" class="form-control1 drop" required ng-model="model.education" placeholder="select"> 
     <option value='' disabled selected>Select</option> 
     <option value="male">10th</option> 
     <option value="female">12th</option> 
     <option value="male">Graduate</option> 
     <option value="male">Post Graduate</option> 
     <option value="male">Ph.d</option> 
     <option value="other">Others</option> 
    </select> 
</div> 

<div class="form-group fields col-sm-2 col-xs-4 floatField" ng-if =" model.education=Others;displayDiv = true"> 
    <label>OTHERS</label> 
    <input type="text" name="othereducation" class="form-control1" autocomplete="off" ng-model="model.othereducation"/> 
</div> 

Answer 1

표시하거나 내용을 숨길 내장 지침 겨 쇼/NG-숨기기 각도 사용할 수 있습니다.

그래서 selectbox에서 'other'값을 선택할 때 아래 내용을 추가하여 필요한 내용을 표시 할 수 있습니다.

<div ng-show="model.education==='other'"> 
    DIV/input you want to show 
</div> 

데모 : 여기 JSBin

Answer 2

하면 link

는 아래의 코드를 시도하고있다

코드

<div ng-if="model.education==='other'"> 
     <label >OTHERS</label> 
      <input type="text" name="othereducation" class="form-control1" autocomplete="off" ng-model="model.othereducation"/> 

      </div>