我有一台 radio :
<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-model 名称,我只是不确定如何使用 radio ,因为它们具有相同的型号名称?
最佳答案
在问题 div 上使用 ng-hide 指令,如下所示:
ng-hide="entry.client=='yes'"
查看骗子: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>
关于javascript - 使用 ng-hide 和 radio 隐藏元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20125283/