使用ng更改AngularJs保存复选框状态

Question

每当用户打开/关闭应用程序时，我希望保存检查表的状态。

这是我第一次在AngularJs/Ionic中使用复选框，我不知道如何做到这一点。

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

状态被保存，但是复选框不再可点击，而且我没有错误。

Answer 1

你保存零钱的方式是错误的。每次单击复选框时，都会更改复选框。方法保存，然后调用模型更改值。模型是双向绑定，所以您的复选框在取消检查/再次检查。

这就是为什么无法看到复选框更改状态的原因。

更改此行以修复：

$scope.objc[val]=!$scope.objc[val];