2015-04-14 75 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

相關問題