Wie speichert man Daten in localStorage mit AngularJS?

Question

Ich beginne mit AngularJS und habe mein erstes Problem damit.

Wie kann ich Benutzername und Passwort in localStorage binden oder speichern? Mein Formular ist leer, nachdem die Seite neu geladen oder die App neu gestartet wurde.

Ich benutze dieses Plugin: 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> 

Controller:

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

Es ist eine wirklich schlechte Praxis zum Speichern von Benutzerinformationen in localstorage .. Aber Ich habe eine JSBIN arbeiten für Ihre Anforderungen und es funktioniert .. Scrollen Sie nach unten für die JS-Code, wie ich die Bibliothek über JS

enthalten PS: Ignorieren Sie die Js-Fehler und Warnungen. Diese sind aus der Winkel-Local-Storage-Bibliothek