Keep the state of checkbox angularjs

Question

i have this multiple checkbox.

<div ng-repeat="setting in settings">
    <input type="checkbox" name="setting.name" ng-model="setting.value">{{setting.name}}

and in the controller

$scope.settings = [{
           name: 'OrderNr',
           value: ''
       }, {
           name: 'CustomerNr',
           value: ''
       }, {
           name: 'CatalogName',
           value: ''
       }, {
           name: 'OrderDate',
           value: ''
       }, {
           name: 'OrderState',
           value: ''
       }];

when i click the save button, i call this function for store data in local storage

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

};

how can i keep my settings when i reload the page?

Wawy · Accepted Answer · 2014-04-28 15:50:23Z

2

What about using $cookies.

Have a look at angularjs docs

Basically all you need to do is inject the service in the controller as a dependency and use it as an object.

In your controller:

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

And to use them:

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

Please let me know if it works for you.

answered Apr 28, 2014 at 15:50

Wawy

6,2692 gold badges26 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

btm1 · Accepted Answer · 2014-04-28 16:04:37Z

0

I would use ngStorage directive. I use it in my app. You would simply set the settings to your storage using ngStorage and then also set the initial value for your settings via ngStorage when the controller loads.

https://github.com/gsklee/ngStorage

answered Apr 28, 2014 at 16:04

btm1

3,8562 gold badges25 silver badges26 bronze badges

Comments

rob · Accepted Answer · 2014-04-28 16:04:46Z

0

You just need to set $scope.settings when your controller loads.

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

answered Apr 28, 2014 at 16:04

rob

18.7k13 gold badges73 silver badges95 bronze badges

Collectives™ on Stack Overflow

Keep the state of checkbox angularjs

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related