AngularJS 检查复选框是否未选中
AngularJS check if checkbox is unchecked
我正在尝试 show/hide 并在选中复选框时调整 ng-required 状态,但它似乎无法正确管理变量。这是我的例子:
<input type="checkbox" ng-model="checkboxdmodel.value" ng-true-value="'YES'" ng-false-value="'NO'">
我想要的输入是必需的,除非复选框被选中,在这种情况下它应该被隐藏而不是必需的:
<div class="form-group" ng-hide="checked.YES">
<label class="col-sm-3 control-label" for="inputamount">
<font color="red">*</font>Expense Amount</label>
<div class="col-sm-8">
<input type="number" class="form-control" id="inputamount" data-ng-model="itemamount" step="any" ng-required="checked.NO"/>
</div>
</div>
http://plnkr.co/edit/F4hdqWwhIWiqvsJl5ETx?p=preview
不需要 ng-true
和 ng-false
。
因为复选框的选中和未选中状态评估为真实或不真实,您可以将复选框 ng-model 值直接放入您想要的任何位置。在需要 ng 的情况下,只需使用 !.
反转值
我正在尝试 show/hide 并在选中复选框时调整 ng-required 状态,但它似乎无法正确管理变量。这是我的例子:
<input type="checkbox" ng-model="checkboxdmodel.value" ng-true-value="'YES'" ng-false-value="'NO'">
我想要的输入是必需的,除非复选框被选中,在这种情况下它应该被隐藏而不是必需的:
<div class="form-group" ng-hide="checked.YES">
<label class="col-sm-3 control-label" for="inputamount">
<font color="red">*</font>Expense Amount</label>
<div class="col-sm-8">
<input type="number" class="form-control" id="inputamount" data-ng-model="itemamount" step="any" ng-required="checked.NO"/>
</div>
</div>
http://plnkr.co/edit/F4hdqWwhIWiqvsJl5ETx?p=preview
不需要 ng-true
和 ng-false
。
因为复选框的选中和未选中状态评估为真实或不真实,您可以将复选框 ng-model 值直接放入您想要的任何位置。在需要 ng 的情况下,只需使用 !.
反转值