Как проверить коробку ckeck на состояние в angularjs

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