Ionique - AngularJS : ion-bascule ne pas mettre à jour le modèle

J'ai un étrange problème avec le ion-bascule de la directive Ionique dans cadre.

Lors de l'utilisation d'ions bascule comme ceci :

<ion-toggle ng-model="testToggle">Test toggle</ion-toggle>

JS:

$scope.$watch('testToggle',function(value) {
    console.log('testToggle changed to '+value);
})

Le contrôleur n'a pas reçu de mise à jour.

Voici la CodePen :
http://codepen.io/anon/pen/jPOMqz

Vous allez voir que j'ai ajouté un $intervalle qui modifie une variable lié au hasard afin de voir que tout le reste fonctionne comme prévu

Merci beaucoup 🙂

OriginalL'auteur noli | 2015-04-22

  1. 13

    J'ai utilisé ng-change pour détecter un changement; et je suis l'appel de la fonction toggleChange() en cas de changement. Si votre ion-toggle ressemblera: 

    <ion-toggle ng-model="value" ng-change="toggleChange()">Test toggle</ion-toggle>

    Et votre contrôleur va changer la $scope.value et ainsi vous aurez la bascule de la valeur de $scope.value:

    .controller('ContactCtrl', function($scope, $interval) {
            $scope.value = false;
            console.log('ContactCtrl started');

            $scope.toggleChange = function() {
                if ($scope.value == false) {
                    $scope.value = true;
                } else
                    $scope.value = false;
                console.log('testToggle changed to ' + $scope.value);
            };
        }

    Voici la Codepen pour la même chose: http://codepen.io/keval5531/pen/LVYROp

    Bien que cela fonctionne, personne ne sait pourquoi ce qui se passe?
    Bonne solution, mais pourquoi ne pas utiliser un simple $scope.value = !$scope.value dans le toggleChange fonction?

    OriginalL'auteur Keval

  2. 0

    La réponse par Keval ne fonctionne pas pour moi parce qu'il est la réinitialisation de la valeur du modèle, qui met sur le bouton bascule à sa position d'origine. Donc, la bonne réponse serait de créer une bascule comme suit.

    <ion-toggle ng-model=value ng-change="toggleChange()">Test toggle</ion-toggle>

    Puis d'écrire le contrôleur comme suit.

    .controller('ContactCtrl', function($scope, $interval) {
        $scope.value = false;

        $scope.toggleChange = function() {
            console.log('testToggle changed to ' + $scope.value);
        };
    }

    OriginalL'auteur Ishan Thilina Somasiri