Ionic + Angular无法默认检查离子收音机

Question

我试图从收音机列表中的单选按钮中选中一个，但没有运气。

有人能告诉我我做错了什么吗？

感谢您的任何帮助。

我试图通过这种方式来做到这一点：

<div class="list"> 

     <ion-radio ng-repeat="item in goalTypeList" 
       ng-value="item.value" 
       ng-change="goalTypeChanged(item)" 
       ng-checked="item.selected" 
       ng-model="data.clientSide"> 
      {{ item.text }} 
     </ion-radio> 

    </div> 

JS：

.controller('SettingsCtrl', function($scope, $ionicLoading) { 

     $scope.goalTypeList = [ 
      { text: "Dials", value: "dials", selected: true }, 
      { text: "Conversations", value: "conversations" , selected: false }, 
      { text: "Appointments", value: "appointments" , selected: false }, 
      { text: "Orders", value: "orders", selected: false } 
     ]; 

     $scope.data = { 
      clientSide: 'ng' 
     }; 

     $scope.goalTypeChanged = function(item) { 
      console.log("Selected goalType, text:", item.text, "value:", item.value); 
     }; 

Answer 1

值在$scope.data = { clientSide: 'ng' };不匹配$scope.goalTypeList任何值。

如果$scope.data上的clientSide值是dials，conversations，appointments或orders，那么单选按钮应该加载一个选中的单选按钮。

我希望这会有所帮助。

Answer 2

似乎data.clientSide的值不在列表goalTypeList中。改变以匹配任何值..

HTML：

<div class="list"> 

    <ion-radio ng-repeat="item in goalTypeList" 
      ng-value="item.value" 
      ng-change="goalTypeChanged(item)" 
      ng-checked="item.selected" 
      ng-model="data.clientSide"> 
     {{ item.text }} 
    </ion-radio> 

JS：

.controller('SettingsCtrl', function($scope, $ionicLoading) { 

    $scope.goalTypeList = [ 
     { text: "Dials", value: "dials", selected: true }, 
     { text: "Conversations", value: "conversations" , selected: false }, 
     { text: "Appointments", value: "appointments" , selected: false }, 
     { text: "Orders", value: "orders", selected: false } 
    ]; 

    $scope.data = { 
     clientSide: 'appointments' 
    }; 

    $scope.goalTypeChanged = function(item) { 
     console.log("Selected goalType, text:", item.text, "value:", item.value); 
    };