Question

我刚刚构建了一个动态（来自API的数据）表单，其中包含一个ng-repeat以产生一组单选按钮。它工作正常，但我在设置第一个单选按钮时遇到困难。有人可以帮忙吗？

<div ng-repeat="carrier in options.shipping.methods">
    <fieldset>
        <input type="radio" id="{{ carrier.slug }}" name="{{ carrier.slug }}" value="{{ carrier.slug }}" ng-model="data.shipping" />
        <label class="radio" for="{{ carrier.slug }}">{{ carrier.description }}</label>
    </fieldset>
</div>

我可以将ng-init设为$index == 0吗？

Answer 1

您应该在需要时使用ngChecked将checked属性添加到输入中。

检查此link

<div ng-repeat="carrier in options.shipping.methods">
    <fieldset>
        <input type="radio" id="{{ carrier.slug }}" name="{{ carrier.slug }}" value="{{ carrier.slug }}" ng-model="data.shipping"  ngChecked="carrier.isSelected" />
        <label class="radio" for="{{ carrier.slug }}">{{ carrier.description }}</label>
    </fieldset>
</div>

在您的控制器中，您将执行类似

的操作

$scope.options.shipping.methods[0].isSelected = true;

OR 您可以直接在ngChecked中编写支票

ngChecked="carrier.someProperty != null"

Angular单选按钮设置为第一次输入

1 个答案: