每当用户打开/关闭应用程序时,我都想保存清单的状态。
这是我第一次使用AngularJs / Ionic中的复选框,而且我不确定如何执行此操作。
的HTML
<ion-checkbox class="recup checkbox-balanced" ng-change="save(0)" ng-model="objc[0]">
Récupéré ton badge
</ion-checkbox>
<ion-checkbox class="recup checkbox-balanced" ng-change="save(1)" ng-model="objc[1]">
Récupéré ton PC
</ion-checkbox>
<ion-checkbox class="recup checkbox-balanced" ng-change="save(2)" ng-model="objc[2]">
Visité les locaux
</ion-checkbox>
JS
.controller('prem-jourController', function ($scope, localStorageService){
defaultValsJ= [false, false, false, false];
var EngObj=localStorageService.get("StoredCheck");
if(!EngObj)
{
$scope.objc=defaultValsJ;
}
else {
$scope.objc=EngObj;
}
$scope.save=function(val) {
$scope.objc[val]=!$scope.objc[val];
localStorageService.set("StoredCheck", $scope.objc);
}
});
状态已保存,但是复选框不再可单击,并且我没有错误。
您保存更改的方式有误。每次单击复选框时,它都会更改。方法保存称为然后更改模型值。模型是双向绑定的,因此您的复选框处于取消选中状态/再次选中。
这就是为什么您看不到复选框更改状态的原因。
更改此行以修复:
$scope.objc[val]=!$scope.objc[val];
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句