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>

它会产生三个无线电输入：

<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

在控制器中为模型定义适当的值：

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

如何检查ng-repeat生成的第一个无线电输入？

1 个答案: