需要 AngularJS radiogroup

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

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

Answer 1

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

Validate Radio Button AngularJS