Javascript 如何在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> 

客户年龄：
测试年龄：
附加成本：
请选择
选项1-3%无附加条款
方案2-IAV 5.5%附加费。75%
选项3-IAV 6.0%附加值。90%
方案4-IAV 5.5%附加费。85%
选项5-IAV 6.0%附加值1.0%

现在，我想我的第三个选项从选择选项将不适用，如果差异测试年龄-年龄超过10。我能做什么？

在这种情况下，您可以简单地使用：

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

方案3-IAV 6.0%附加费。90%

试试这个

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

方案3-IAV 6.0%附加费。90%

---

是工作的小提琴

只需对要隐藏的DOM使用

ng hide=“age-libr>10”

。

您可以使用ngOptions绑定值以选择输入。根据“随年龄变化”的值，您可以编写包含或排除选项的逻辑。@ChandrasekarG我同意您的看法。您可能希望在控制器端管理选项，而不是在视图中应用登录。未注意到您的条件，但您可以在适当的条件下使用

ng disabled

。