如何在angularjs條件檢查ckeck框

Question

我想顯示我的複選框作爲檢查取決於student.ispresent，但它不工作，即沒有得到checked與ng-checked。

<div class="col-sm-6" ng-repeat = 'student in vm.students'> 
    <div class="form-group"> 
     <label class="control-label col-sm-6"> 
      {{student.name}}{{student.ispresent}} 
     </label> 
     <div class="btn-group col-sm-6" data-toggle="buttons"> 
      <label class="btn btn-white" ng-click="vm.checkValues(student.id,'Yes')"> 
       <input type="radio" name="" value="" autocomplete="off" ng-checked="student.ispresent ==='Yes' "> Yes 
      </label> 
      <label class="btn btn-white" ng-click="vm.checkValues(student.id,'No')"> 
       <input type="radio" name="" value="" autocomplete="off" ng-checked="student.ispresent ==='Yes' "> No 
      </label> 
     </div><!--btn-group col-sm-6--> 
    </div><!--form_group--> 
</div><!--//col-sm-6--> 

Answer 1

你已經錯過了設定ng-model在CheckBox控件

<label class="btn btn-white" ng-click="vm.checkValues(student.id,'Yes')"> 
    <input type="radio" name="" value="" autocomplete="off" ng-model="StudentYes" ng-checked="student.ispresent ==='Yes' "> Yes 
</label> 
<label class="btn btn-white" ng-click="vm.checkValues(student.id,'No')"> 
    <input type="radio" ng-model="StudentNo" name="" value="" autocomplete="off" ng-checked="student.ispresent ==='Yes' "> No 
</label> 

，並親切地稱之爲ng-click event在check box，而不是label

Answer 2

你應該一起使用ngModel指令與ngTrueValue和ngFalseValue看docs

<input type="checkbox" 
    ng-model="student.ispresent" 
    ng-true-value="Yes" 
    ng-false-value="No" /> 

注：似乎沒有必要ng-click

DEMO