2015-04-14 35 views
0

我试图显示/隐藏并调整ng-required状态,如果复选框被选中,但它似乎没有正确管理变量。在这里我的例子:AngularJS检查复选框是否未选中

<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> 
+1

它是“checkboxdmodel”吗?没有错字?而在'ng-hide'中是不是'checkboxdmodel.checked.YES'? –

+0

请提供与'v'和'checked.NO'相关的js代码。 – Anita

+3

难道你不能通过将'ng-hide'改为'ng-hide =“checkboxmodel.value”'来检查'checkboxmodel.value'上的'truthy'值。如果该框被选中,该值将为'true',div将被隐藏,否则会显示。 – MattDionis

回答

1

http://plnkr.co/edit/F4hdqWwhIWiqvsJl5ETx?p=preview

无需为ng-trueng-false

由于复选框的选中和未选中状态评估为真或不真实,因此您可以将复选框的ng-model值直接放到任意位置。在ng-required的情况下,只需用!来反转该值。

+0

这样做。有时候这个答案更直接! – Kode

相关问题