AngularJs Radiobox group Validation

Question

Есть ли простой способ с Angularjs для проверки радиогруппы, которая была включена в дополнительную директиву?

Требования к валидации: Пользователь не может отправить, если только одно из радиобоксов не было нажато.

Вот как я построил его:

HTML документ:

<ng-form name="salutationgroup"> 
     <radiotrigger model="mrms" name="gender" value='1' label="mr" ></radiotrigger> 
     <radiotrigger model="mrms" name="gender" value='2' label="ms" ></radiotrigger> 
</ng-form> 

JS документ:

Directives.directive('radiotrigger', function() { 
    return { 
     restrict: 'E', 
     scope: {}, 
     compile: function(element, attrs) { 
      var templateText = '<li><label><input type="radio" ng-model="' + 
        attrs.model + '" value="' + 
        attrs.value + '">' + 
        attrs.label + '</label></li>'; 

      element.replaceWith(templateText); 
     } 
    }; 
}); 

Большое спасибо за вашу поддержку.

Answer 1

Один из способов сделать это:

HTML

<ng-form name="salutationgroup"> 
    <radiotrigger model="mrms" name="gender" value='1' label="mr"></radiotrigger> 
    <radiotrigger model="mrms" name="gender" value='2' label="ms"></radiotrigger> 
    <input type="submit" ng-disabled="!enabled"></input> 
</ng-form> 

Директива (Наблюдайте 'нг-изменение = "включено = истина"'):

Directives.directive('radiotrigger', function() { 
    return { 
    restrict: 'E', 
    scope: {}, 
    compile: function(element, attrs) { 
     var templateText = '<li><label><input type="radio" ng-model="' + 
       attrs.model + '" value="' + 
       attrs.value + '" ng-change="enabled=true">' + 
       attrs.label + '</label></li>'; 

     element.replaceWith(templateText); 
    } 
};