angulaire.js - Le bouton radio dans ng-repeat sélectionne le premier élément par défaut

Question

Plusieurs cases de boutons radio générées par ng-repeat, comment sélectionner la première

par défaut ?

<p class="radio"ng-repeat="item in imgList">
  <label>
    <input type="radio" name="opt"
           ng-value="item.id"
           ng-click="seleMon($event)"
           ng-model="selectedMonth">
    <span>{{item.mon}}</span>
  </label>
</p>

js

$scope.imgList = [
      {
        'mon':'1月',
        'id':'1',
      },
      {
        'mon':'2月',
        'id':'2',
      },
      {
        'mon':'3月',
        'id':'3',
      },
      {
        'mon':'4月',
        'id':'4',
      }
 ]
$scope.selectedMonth = $scope.imgList[0];

Pourquoi ne puis-je pas sélectionner le premier élément par défaut ? Comment dois-je le modifier ?

Answer 1

**$scope.selectedMonth = $scope.imgList[0].id;**

ng-value和ng-model要能匹配，你当前的写法，ng-model是对象，ng-value est une chaîne. Ajoutez simplement l'identifiant.

Answer 2

checked={{$index}}==1?true:false;

Answer 3

selectedMonth = 1;