保持复选框angularjs的状态

保持复选框angularjs的状态,angularjs,checkbox,local-storage,Angularjs,Checkbox,Local Storage,我有这个多重复选框 <div ng-repeat="setting in settings"> <input type="checkbox" name="setting.name" ng-model="setting.value">{{setting.name}} 当我单击save按钮时,我调用此函数将数据存储在本地存储器中 $scope.saveSetting = function() { var json = angular.toJson($scop

我有这个多重复选框

<div ng-repeat="setting in settings">
    <input type="checkbox" name="setting.name" ng-model="setting.value">{{setting.name}}
当我单击save按钮时,我调用此函数将数据存储在本地存储器中

$scope.saveSetting = function() {
    var json = angular.toJson($scope.settings);
    localStorageService.add('settings',json);

};

重新加载页面时如何保留设置?

如何使用$cookies

看看

基本上,您需要做的就是将服务作为依赖项注入控制器中,并将其作为对象使用

在控制器中:

$scope.saveSetting = function() {
    $cookies.settings = $scope.settings;
};
并使用它们:

$scope.loadSetting = function() {
     $scope.settings = $cookies.settings;
};

请让我知道它是否适合您。

我会使用ngStorage指令。我在我的应用程序中使用它。您只需使用ngStorage设置存储设置,然后在控制器加载时通过ngStorage设置初始值

var myCtrl = function($scope) {
    if(localStorage.settings) {
        $scope.settings = angular.fromJson(localStorage.settings);
    }
}

加载控制器时,只需设置$scope.settings

var myCtrl = function($scope) {
    if(localStorage.settings) {
        $scope.settings = angular.fromJson(localStorage.settings);
    }
}