角度单选按钮设置检查到第一个输入

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;

或者你可以直接在ngChecked里面写check

ngChecked="carrier.someProperty != null"