使用ng隐藏和收音机隐藏元素
Hiding elements with ng-hide and radios?
我有一台收音机:
<div class="row">
<div class="col15">
<input type="radio" id="client_yes" name="client" ng-model="entry.client" ng-required="true" value="yes"><label for="client_yes">Yes</label>
</div>
<div class="col15">
<input type="radio" id="client_no" name="client" ng-model="entry.client" ng-required="true" value="no"><label for="client_no">No</label>
</div>
</div>
当选择client_yes时,我希望使用ng-hide隐藏表单上的一些问题。
我已经查看了文档中的示例:
http://docs.angularjs.org/api/ng.directive:ngHide
这使用一个勾选框来隐藏:
ng-hide="checked"
勾选了勾选框的ng型号的名称,我只是不确定如何使用收音机,因为它们都有相同的型号名称?
对问题使用ng-hide指令div,如下所示:
ng-hide="entry.client=='yes'"
请参阅plunker:http://plnkr.co/edit/o2dXzq3lTGy4iBPxS6MT?p=preview
这是HTML代码:
<body ng-app="app" ng-controller="Controller">
<div class="row">
<div class="col15">
<input type="radio" id="client_yes" name="client" ng-model="entry.client" ng-required="true" value="yes" />
<label for="client_yes">Yes</label>
</div>
<div class="col15">
<input type="radio" id="client_no" name="client" ng-model="entry.client" ng-required="true" value="no" />
<label for="client_no">No</label>
</div>
<div class="col15" ng-hide="entry.client=='yes'">
question to hide
</div>
<div class="col15">
question NOT to hide
</div>
<div class="col15" ng-hide="entry.client=='yes'">
question to hide
</div>
</div>
</body>
根据文档,您可以使用value
属性在选择时将每个单选按钮设置为不同的值:
<div class="row">
<div class="col15">
<input type="radio" id="client_yes" name="client" value="yes" ng-model="entry.client" ng-required="true"><label for="client_yes">Yes</label>
</div>
<div class="col15">
<input type="radio" id="client_no" name="client" value="no" ng-model="entry.client" ng-required="true"><label for="client_no">No</label>
</div>
然后你可以根据值隐藏:
ng-hide="entry.client == 'yes'"
相关文章:
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- JavaScript-在手机上不工作的情况下,在外部单击时隐藏元素
- 随时隐藏元素
- 根据特定条件使用ng显示/ng隐藏来显示/隐藏元素
- 隐藏元素直到加载完成(ng斗篷不是我需要的)
- 在具有类的元素中隐藏元素
- javascript()onclick隐藏元素-dos'我不在firefox工作
- JQueryHide()在按钮中使用元素时不会隐藏元素
- 使用Javascript取消隐藏元素
- 如果鼠标离开父对象,则隐藏元素
- 如何在jquery ajax成功html响应中找到输入隐藏元素
- 基于事件在循环中隐藏元素
- 渐进式增强-不使用CSS隐藏元素
- 隐藏元素后更新滚动条
- jQuery没有隐藏元素
- jQuery隐藏元素在使用CSS显示时保持隐藏状态
- 如何使用javascript在区域外单击时隐藏元素
- 如何在加载网页时隐藏元素
- JS:隐藏元素上的事件侦听器
- HTML 显示/隐藏元素 JS 不起作用