默认情况下未选中AngularJS ng-repeat单选按钮

Question

我正在尝试检查第一个索引，但是它不起作用。 我也尝试用ng-init做到这一点。

 <div class="col-md-4" ng-repeat="category in categories">
        <label>
       {{category.Name}}

     <input type="radio" ng-checked="$index==0?true" name="pageNumber" ng-model="$parent.pageNumber" ng-value="category.Name" />
    </label>
  </div>

有人知道为什么吗？

Answer 1

尝试使用以下表达式$index==0?true:false或简单地$index==0

Answer 2

ngChecked不应与ngModel一起使用（ https://docs.angularjs.org/api/ng/directive/ngChecked ）

你可以试试这个

<input type="radio" name="pageNumber" ng-model="$parent.pageNumber" ng-value="category.Name" />
</label>

当类别填充到您的控制器中时，您可以在其后添加以下代码

$scope.pageNumber = $scope.categories[0];

Answer 3

您可以简单地写ng-checked="$first"

  <div class="col-md-4" ng-repeat="category in categories">
        <label>
       {{category.Name}} - {{$index}} -
       <input type="radio" ng-checked="$first">
    </label>
  </div>

范例 http://jsfiddle.net/Lvc0u55v/8864/

Answer 4

ngChecked期望一个expression ，因此说ng-checked="$index == 0" ，基本上是说根据条件输出， checkbox始终默认为选中或未选中。

删除ng-value因为您也可以使用ng-model传递元素数据。

工作提琴： http : //jsfiddle.net/LYuCG/16/