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

입력 양식이 있습니다. 조건을 true로 비교하고 값을 표시 할 두 입력 필드 입력 필드는 다음과 같습니다 - 세 이상 10 -Angular JS에서 ng-if 조건을 사용하여 옵션 값을 숨기는 방법

<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>

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

출처

2016-08-19 Ranjeet singh

ngOptions를 사용하여 입력을 선택하여 값을 바인딩 할 수 있습니다. 유효 기간 변경의 가치에 따라 옵션을 포함 시키거나 제외시키는 로직을 작성할 수 있습니다. – ChandrasekarG

@ChandrasekarG 동의합니다. 보기에서 로그인을 적용하는 대신 옵션 컨트롤러 쪽을 관리 할 수 있습니다. –

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

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

출처

2016-08-19 10:25:07 dfsq

이

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

here을 시도하는 것은

출처

2016-08-19 10:28:48

는 당신의 상태를 알지 못하지만 적절한 조건으로'ng-disabled'를 사용할 수 있습니다. –

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

출처

2016-08-19 10:32:16

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

답변

관련 문제