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); 
    };