Ionique + Angulaire incapable de ion-radio pour être cochée par défaut

Je suis en train de vérifier un à partir de boutons radio dans la radio de la liste, mais sans succès.

Quelqu'un pourrait me dire ce que je fais mal?

Merci pour toute aide.

J'ai essayé de le faire de cette manière:

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

OriginalL'auteur George Smith | 2014-09-25

Il semble que la valeur des données.côté client n'est pas dans la liste goalTypeList. Modifier la valeur pour correspondre à n'importe..

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

Veuillez utiliser l'anglais pour répondre, il le rend beaucoup plus facile à comprendre.
Il se sent exclusif, mais StackOverflow est un anglais du site. Merci de répondre uniquement en anglais, même si votre anglais n'est pas super. Les gens peuvent toujours modifier votre réponse à améliorer tout ce qui peut être incertaine. Si vous êtes intéressé par un espagnol StackOverflow, il y a une proposition que voici: area51.stackexchange.com/proposals/42810/...

OriginalL'auteur Eliut Islas

1

La valeur de votre $scope.data = { clientSide: 'ng' }; ne correspond à aucune des valeurs dans $scope.goalTypeList.

Si le client de la valeur sur $scope.data était soit des cadrans, des conversations, des rendez-vous ou de commandes, puis les boutons de la radio doit alors charger avec l'un des boutons radio sélectionnée.

J'espère que cette aide.

Merci, mais je ne sais pas ce qu'à passer en $champ d'application.les données ?
Définir le client de la valeur en dollars de la portée.les données pour être tout ce que vous voulez être la valeur par défaut sélectionnée sur les boutons de la radio. Si vous voulez que rien n'est sélectionné par défaut infoclient = "

OriginalL'auteur Marc Harry

Comme @Marc Harry a dit votre ng-value doit être égale ng-model. Pour le rendre plus dynamique (disons que vous obtenez un objet de l'arrière-plan et la valeur sélectionnée peut changer) vous pourriez faire à la suite:

<div class="list">

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

</div>

.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: selectedValue()
    };

    function selectedValue = function() {
        for(let i = 0; i < $scope.goalTypeList.length; i++) {
            if ($scope.goalTypeList[i].selected) {
                return $scope.goalTypeList[i].value;
            }
        }
    };

OriginalL'auteur khashashin

vous pouvez utiliser ion-sélectionnez également avec ionChange événement:

 <ion-select (ionChange)="checkValue($event)"  interface="popover" 
  placeholder="Select One" >
    <ion-select-option *ngFor="let item of userData" [value]="item"> 
   {{item.optionA}}</ion-select-option>
</ion-select>

Dans votre tapuscrit:

checkValue(event){ console.log(event.detail.value)}

OriginalL'auteur Othmane Daanouni

Vous devez vous connecter pour publier un commentaire.