Angular JS에서 ng-if 조건을 사용하여 옵션 값을 숨기는 방법

Question

입력 양식이 있습니다. 조건을 true로 비교하고 값을 표시 할 두 입력 필드 입력 필드는 다음과 같습니다 - 세 이상 10 -

<td class="td_label"><label>Client Age :</label></td> 
<td class="td_input"><input type="text" required="required" class="age" ng-model="age" name="age" maxlength="2">       
</td> 
<td class="td_label"><label>Test Age :</label></td> 
<td class="td_input"><input type="number" required="required" class="libr" ng-model="libr" name="libr" min="50" max="100">      
</td> 

<td class="td_label"><label>Rider Cost :</label></td> 
<td class="td_select"><select ng-model="rider" name="rider" required> 
    <option value="">Please Select</option> 
    <option value="0.0001">Option 1 - 3% No Rider</option> 
    <option value=".75">Option 2 - IAV 5.5% Rider .75%</option> 
    <option value=".9">Option 3 - IAV 6.0% Rider .90%</option> 
    <option value=".85">Option 4 - IAV 5.5% Rider .85%</option> 
    <option value="1.0">Option 5 - IAV 6.0% Rider 1.0%</option> 
</select></td> 

지금, 나는 차 시험 나이는 경우 선택 옵션에서 내 세번째 옵션은 적용되지 않습니다합니다. 내가 무엇을 할 수 있을지 ?

Answer 1

당신은 단순히이 경우 ngHide를 사용할 수 있습니다

<option value=".9" ng-hide="libr && age && (libr - age > 10)">Option 3 - IAV 6.0% Rider .90%</option> 

Answer 2

이

<option ng-disabled="age >= 10" value=".9">Option 3 - IAV 6.0% Rider .90%</option> 

here을 시도하는 것은

Answer 3

그냥 숨기려는 DOM에 ng-hide="age - libr > 10"을 사용하는 작업 바이올린을합니다.