angular.js - radio sudut ulangi nilai lalai yang dipilih

Question

Kod html adalah seperti berikut:

<ul>
  <li ng-repeat="thing in favoriteThings">
    <input type="radio" ng-value="thing" ng-model="selected" name="stuff"/>
      {{thing.text}}
  </li>
</ul>

Kod js adalah seperti berikut:

$scope.favoriteThings = [
    {nr: 1, text: "Raindrops on roses"},
    {nr: 2, text: "Whiskers on kittens"},
    {nr: 3, text: "Bright copper kettles"},
    {nr: 4, text: "Warm woolen mittens"},
    {nr: 5, text: "Brown paper packages tied up with strings"},
    {nr: 6, text: "Cream colored ponies"},
    {nr: 7, text: "Crisp apple streudels"},
    {nr: 8, text: "Doorbells"},
    {nr: 9, text: "Sleigh bells"},
    {nr: 10, text: "Schnitzel with noodles"},
    {nr: 11, text: "Wild geese that fly with the moon on their wings"},
    {nr: 12, text: "Girls in white dresses with blue satin sashes"},
    {nr: 13, text: "Snowflakes that stay on my nose and eyelashes"},
    {nr: 14, text: "Silver white winters that melt into springs"}
  ];
  
  $scope.selected = {nr: 1, text: "Raindrops on roses"};

Pada masa ini apabila saya melakukan ini, saya tidak boleh memilih nilai secara lalai dan saya tidak tahu di mana masalahnya.

Saya mahu nilai dipilih secara lalai sebaik sahaja halaman dimuatkan dan jenis nilai setiap item ialah objek. Bagaimana saya harus melakukan ini?

Answer 1

Perlu menetapkan nilai lalai model ng
seperti:

  $scope.selected = $scope.favoriteThings[0];

Pilihan ini akan dipilih secara lalai.

Tidak boleh digunakan

  $scope.selected = {nr: 1, text: "Raindrops on roses"};

Oleh kerana hanya rujukan yang sama kepada Object dalam model ng akan dianggap sama Kaedah di atas mencipta objek baharu, yang tidak sama dengan nilai dalam ulangan

Answer 2

boleh digunakan dalam ng-repeat ng-checked, contohnya:

<label ng-repeat="(key, val) in genders track by $index">
    <input type="radio" name="gender" value="{{key}}" ng-checked="list.gender==key">{{val}}
</label>