Passwort merken Option in angularjs

Ich habe eine Beispiel angularjs Login-Seite, jetzt möchte ich Funktionalität zu meinem Skript für die Erinnerung Passwort hinzufügen.Passwort merken Option in angularjs

<body ng-app="app" > 
<div class="main"> 
    <div class="login-form"> 
     <h1>Login</h1>   
     <form ng-submit=submit()> 
      <input type="text" name="username" placeholder="USERNAME" ng-model="person.firstName" required /> 
      <span class="error" ng-show="mainForm.usernamename.$error.required">required</span> 
      <input type="password" name="pswd" placeholder="Password" ng-model="person.pswd" required /> 
      <span class="error" ng-show="mainForm.pswd.$error.required">required</span> 
      <label> 
         <input name="remember" type="checkbox" data-ng-model="remember" data-ng-click="rememberMe()"> Remember Me 
        </label> 
      <div class="submit"> 
       <input type="submit" value="LOGIN"> 
      </div> 
      <p><a href="#">Forgot Password ?</a></p> 
     </form> 
    </div> 
</div>

<script> 
    angular.module('app', []) 

    var LoginCtrl= function ($scope) { 

    $scope.submit = function() {   

     //return false; 
    } };

Hier ist eine Demo zu plunker: https://plnkr.co/edit/4WoGzXnzUfkBqzeFrTW9?p=preview

wird dankbar sein, wenn jemand Code dafür zur Verfügung stellen kann !!

Quelle

2016-04-22 Pranitha

Sie konnte den erzeugten Hash speichern, die ein repesentation des Passworts in der localstorage ist oder die Cookies –

Mögliche doppelte: http://stackoverflow.com/questions/18586938/remember-password-with-angularjs- und-ng-submit – tsuz

@Tobias Timm: Ich bin mir nicht sicher, wie man das macht .. Könnten Sie pls Code für ein besseres Verständnis bieten – Pranitha

I would use document.cookie with a factory code like this: 

Creates a cookie (for example this one expires in a year): 

app.factory('$remember', function() { 
    return function(name, values) { 
     var cookie = name + '='; 
     cookie += values + ';'; 
    enter code here 
     var date = new Date();date.setDate(date.getDate() + 365);cookie += 'expires=' + date.toString() + ';'; 
     document.cookie = cookie; 
    } 
}); 
This factory removes the cookie: 

app.factory('$forget', function() { 
    return function(name) { 
     var cookie = name + '=;'; 
     cookie += 'expires=' + (new Date()).toString() + ';'; 
     document.cookie = cookie; 
    } 
}); 

$remember('my_cookie_name', response.user._id);

Quelle

2016-04-22 06:34:34

Vielen Dank für die Antwort, aber ich möchte wissen, wie Sie das oben in meinem Code verwenden – Pranitha

Überprüfen Sie für Submit-Ereignis in Ihrer Js-Datei, wo Sie den Code für die Übermittlung (in Ihrem Controller) und Ihre Anmeldeinformationen ok geschrieben haben Zeit, die Sie diesen Parameter einstellen müssen, wenn Sie vollständigen Code zugreifen möchten dann mailen ich werde arbeiten und senden Sie den ganzen Code für Sie –

sollten Sie vermeiden, $ für selbst-codierte Dienste/Fabriken zu verwenden, weil Sie Kollisionen mit Built-on auftreten können in Fabriken und Diensten, die das Präfix $ verwenden. –

Passwort merken Option in angularjs

Antwort

Verwandte Themen