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/

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

4 个答案: