如何在Angular JS中使用ng-if条件隐藏选项值
How to hide option value using ng-if condition in Angular JS
我有一个输入表单。如果条件为真,我想比较和显示值的两个输入字段。输入字段为:-
<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>
现在,我希望我的第三个选项从选择选项将不适用,如果差异测试年龄-年龄大于10。我该怎么办?
在这种情况下,您可以简单地使用nhide:
<option value=".9" ng-hide="libr && age && (libr - age > 10)">Option 3 - IAV 6.0% Rider .90%</option>
try this
<option ng-disabled="age >= 10" value=".9">Option 3 - IAV 6.0% Rider .90%</option>
这里是工作小提琴
使用ng-hide="age - libr > 10"
来隐藏你想要隐藏的DOM
相关文章:
- 我需要NG-IF/NG-SWITCH还是NG-SHOW&NG-HIDE
- 如何应用带过滤器的ng if来过滤记录,并在同一页面中显示两个不同的视图
- 在 ng-if 编译后访问指令中的 DOM 元素
- 通过ng-if设置隐藏文本框的值
- AngularJS ng-if指令在移除元素之前,即使条件为false,也会短暂呈现
- 即使条件已通过,ng if也不起作用
- Angular JS中ng-if表达式中条件单向绑定的语法
- Angularjs,在受限标记(如select或table)中使用条件标记(如ng-if)
- 使用ng-if/ng-show/ng-switch的Angular条件显示会简要地显示这两个元素
- 导航在ng-if条件下不工作
- 如何在元素指令上使用ng-if来有条件地调用模块
- 将$scope对象传递给ng-if和ng-class三元条件不工作
- 在angularJS中使用ng-if条件停止循环
- Angularjs过滤器不能处理ng-if条件的值
- Angular ng-if多个条件不工作
- 相同条件下的多个ng-if -性能方面
- 如何在Angular JS中使用ng-if条件隐藏选项值
- 如何在一个按钮中有一个ng-if双向条件
- 我应该重构 angularjs 中 ng-if 的多个条件吗?
- 带键值的ng-if条件