Angular.js richiede almeno una casella di controllo

Question

Non sarei sorpreso se questo è un duplicato, ma non riesco a trovare nulla di semplice sulla falsariga di ciò di cui ho bisogno.

Tutto ciò di cui ho bisogno è che all'utente venga richiesto di scegliere almeno una casella di controllo, ma sono sconcertato su come ottenerlo.

<input type="checkbox" ng-model="myForm.first" /> First <br /> 
    <input type="checkbox" ng-model="myForm.second" />Second <br /> 
    <input type="checkbox" ng-model="myForm.third" /> Third 

Answer 1

<input type="checkbox" ng-model="myForm.first" ng-required="myForm.first || myForm.second || myForm.third" /> First <br /> 
<input type="checkbox" ng-model="myForm.second" ng-required="myForm.first || myForm.second || myForm.third"/>Second <br /> 
<input type="checkbox" ng-model="myForm.third" ng-required="myForm.first || myForm.second || myForm.third"/> Third 

Answer 2

HTML

<div ng-app="myApp" ng-controller="myCrtl as myForm"> 
    <input type="checkbox" ng-required="myForm.selectedOptions" ng-model="myForm.selectedOptions.first" ng-change="myForm.onCheckBoxSelected()" /> First <br /> 
    <input type="checkbox" ng-required="myForm.selectedOptions" ng-model="myForm.selectedOptions.second" ng-change="myForm.onCheckBoxSelected()"/>Second <br /> 
    <input type="checkbox" ng-required="myForm.selectedOptions" ng-model="myForm.selectedOptions.third" ng-change="myForm.onCheckBoxSelected()"/> Third<br/> 
    <span style="color:red;" ng-if="!myForm.selectedOptions ">Required</span> 
</div>  

JS

angular.module('myApp',[]) 
    .controller('myCrtl',function(){ 
     var myForm=this; 
     myForm.onCheckBoxSelected=function(){ 

     var flag=false; 
     for(var key in myForm.selectedOptions){ 

      if(myForm.selectedOptions[key]){ 
       flag=true; 
      } 
     } 
     if(!flag){ 
      myForm.selectedOptions = undefined; 
     } 
    }; 

}); 

JS violino: http://jsfiddle.net/fodyyskr/