默認情況下未選中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/