AngularJSを使用してlocalStorageにデータを保存する方法は？

Question

私はAngularJSで始まり、最初の問題があります。

localStorageでユーザ名とパスワードをバインドまたは保存するにはどうすればよいですか？私のフォームは、ページをリロードしたり、アプリケーションを再起動した後は空です。

私はこのプラグインを使用しています：https://github.com/grevory/angular-local-storage

HTML：

<input type="text" name="cy_username" id="cy_username" ng-model="username"> 
<input type="password" name="cy_password" id="cy_password" ng-model="password"> 
     <button class="button button-block button-positive icon ion-edit icon-left" ng-click="saveSettings()">Einstellungen 
      speichern 
     </button> 
     <button class="button button-block button-assertive icon ion-trash-b icon-left" ng-click="resetSettings()"> 
      Einstellungen löschen 
     </button> 

コントローラー：

angular.module('starter.controllers', ['LocalStorageModule']) 

    .controller('SettingsCtrl', function ($scope, localStorageService) { 
     $scope.username = localStorageService.get('username'); 
     $scope.password = localStorageService.get('password'); 


     $scope.saveSettings = function() { 
      if (localStorageService.isSupported) { 
       localStorageService.set('username', $scope.username); 
       localStorageService.set('password', $scope.password); 
      } else { 
       console.error('localStorage is not supported!'); 
      } 
     }; 

     // doesn't work, nothing happens 
     $scope.resetSettings = function() { 
      $scope.username = ''; 
      $scope.password = ''; 
      localStorageService.clearAll(); 
     }; 
    }); 

Answer 1

それはのlocalStorage .. に格納し、ユーザーの資格情報には本当に悪い習慣があるしかし、私はJSBINあなたの要件のために働いて、それが動作します.. JSコードはJSの上にライブラリを含めたものです

PS：jsエラーと警告を無視してください。それらは角ローカルストレージライブラリからです