javascript - 如何检查 ng-repeat 生成的第一个 radio 输入？

Question

这是我的代码:

<div ng-repeat="color in item.color">
    <input id="{{color}}" name="color" type="radio" value="{{color}}" ng-model="$parent.chosenColor" />
    <label for="{{color}}">{{color}}</label>
</div>

它会生成三个 radio 输入，正如它应该的那样:

<div ng-repeat="color in item.color" class="ng-scope">
    <input class="ng-pristine ng-valid" id="beige" name="color" value="beige" ng-model="$parent.chosenColor" type="radio">
    <label class="ng-binding" for="beige">beige</label>
</div>
<div ng-repeat="color in item.color" class="ng-scope">
    <input class="ng-pristine ng-valid" id="black" name="color" value="black" ng-model="$parent.chosenColor" type="radio">
    <label class="ng-binding" for="black">black</label>
</div>
<div ng-repeat="color in item.color" class="ng-scope">
    <input class="ng-pristine ng-valid" id="white" name="color" value="white" ng-model="$parent.chosenColor" type="radio">
    <label class="ng-binding" for="white">white</label>
</div>

我想要的是在页面加载时检查其中一个输入(最好是第一个)。我已经尝试了更多我能数出的方法，但我已经失去了理智。如何才能做到这一点？

Answer 1

在 Controller 中为模型定义适当的值:

$scope.chosenColor = $scope.item.color[0];