title: Keep the state of checkbox angularjs
body: <p>i have this multiple checkbox.</p>
  
  <pre><code>&lt;div ng-repeat="setting in settings"&gt;
      &lt;input type="checkbox" name="setting.name" ng-model="setting.value"&gt;{{setting.name}}
  </code></pre>
  
  <p></p>
  
  <p>and in the controller</p>
  
  <pre><code>$scope.settings = [{
             name: 'OrderNr',
             value: ''
         }, {
             name: 'CustomerNr',
             value: ''
         }, {
             name: 'CatalogName',
             value: ''
         }, {
             name: 'OrderDate',
             value: ''
         }, {
             name: 'OrderState',
             value: ''
         }];
  </code></pre>
  
  <p>when i click the save button, i call this function for store data in local storage</p>
  
  <pre><code>$scope.saveSetting = function() {
      var json = angular.toJson($scope.settings);
      localStorageService.add('settings',json);
  
  };
  </code></pre>
  
  <p>how can i keep my settings when i reload the page?</p>