2014-10-24 2 views
3

У меня есть следующий HTML-код, мне нужно выбрать радиоприемник. Не знаете, как это сделать в AngularJS.Требуется радиолюбитель AngularJS

<div class="form-group"> 
    <label class="control-label pull-left"><small>Type of M (<i>check one</i>):</small></label> 
    <div class="col-md-5 pull-left"> 
     <label class="radio-inline pull-left"> 
      <input type="radio" name="radio" ng-model="m.pr.MType" value="PrRep"> PrRep 
     </label> 
     <label class="radio-inline pull-left"> 
      <input type="radio" name="radio" ng-model="m.pr.MType" value="LProd"> LProd 
     </label> 
    </div> 
    <div class="input-group col-md-3"> 
     <div class="input-group-sm"> 
      <label><small>Prod LNum</small></label> 
      <input type="text" class="form-control" id="provProdLNum" ng-model="m.pr.prodLNum" ng-required="m.pr.MType != 'PrRep'" /> 
     </div> 
    </div> 
</div> 

Я попытался это:

<input type="radio" name="radio" ng-model="m.pr.MType" value="PrRep" required> PrRep 
<input type="radio" name="radio" ng-model="m.pr.MType" value="LProd" required> LProd 

и это:

<input type="radio" name="radio" ng-model="m.pr.MType" value="PrRep" ng-required="m.pr.MType != ''"> PrRep 
<input type="radio" name="radio" ng-model="m.pr.MType" value="LProd" ng-required="m.pr.MType != ''"> LProd 

Не уверен, что является правильным для использования здесь ...

ответ

1

Использование ng-required. В первом примере постоянное присутствие требуемого атрибута на всех переключателях внутри группы приведет к тому, что форма не будет проверяться.

Validate Radio Button AngularJS

Смежные вопросы