AngularJS单选按钮组必填

Question

我有以下HTML代码，需要在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

不确定这里使用哪个是正确的...

无法确定在此处使用哪一个是正确的...

- MB34

Answer 1

使用ng-required。在您的第一个示例中，组内所有单选按钮上始终存在required属性将导致表单无法验证。

验证AngularJS单选按钮

- user2943490