离子触发值保持不变

Question

我发现切换的这个例子在这里：

我把它复制到我的项目像

在我app.js

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

在HTML：

<ion-view title="Log in" id="page12"> 
    <ion-content ng-controller="ContactCtrl" padding="true" class="has-header"> 
    <div id="settings-markdown6" style="text-align:center;" class="show-list-numbers-and-dots"> 
     <p style="color:#000000;font-size:23px;">Settings</p> 
    </div> 

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

    </ion-content> 
</ion-view> 

问题是我收到控制台日志，但似乎切换保持总是FALSE。每当我按下切换控制台报告：“testToggle更改为false”。我没有看到什么问题？

更新上公布的解决方案：

解决方案：

app.controller('ContactCtrl', function($scope, $localStorage) { 
    $scope.value = false; 
    $scope.change = function() { 
     console.log($scope.value); 
    } 
    }); 

<ion-toggle ng-model="value" ng-checked="value" ng-change="change()"toggle-class="toggle-royal">Airplane Mode</ion-toggle> 

Answer 1

你可以用ng-click做到这一点：

<ion-toggle ng-model="value" ng-click="value = !value">Test toggle</ion-toggle> 

而且你也不需要任何功能在控制器中。

---

更新：用一个函数调用，也可以是：

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

$scope.toggleChange = function() { 
    $scope.value = !$scope.value; 
} 

Answer 2

使用ng-change用于更新模型

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

toggleChange功能代码

$scope.toggleChange = function(){ 
    $scope.value = !$scope.value 
});