在angularjs中記住密碼選項

我有一個示例angularjs登錄頁面，現在我想爲我的腳本添加功能以記住密碼。在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; 
    } };

這裏是一個演示過plunker：https://plnkr.co/edit/4WoGzXnzUfkBqzeFrTW9?p=preview

應該心存感激，如果任何人都可以爲此提供代碼！

來源

2016-04-22 Pranitha

你可以保存生成的哈希值，這是在localStorage的密碼或餅乾repesentation –

可能重複：http://stackoverflow.com/questions/18586938/remember-password-with-angularjs- and-ng-submit – tsuz

@Tobias Timm：Iam不知道該怎麼做..你能否提供更好的理解代碼 – 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);

來源

2016-04-22 06:34:34

非常感謝您的回覆，但是我想知道如何在我的代碼 – Pranitha

中使用上述代碼檢查您的js文件中的提交事件，其中您已經爲submit（在控制器中）和您的登錄憑證編寫了代碼。你需要設置這個參數，如果你想完整的代碼訪問，然後發郵件給我，我會工作併發送整個代碼給你 –

你應該避免使用自編碼服務/工廠$，因爲你可以發生與內置代碼的衝突，在使用$前綴的工廠和服務中。 –

在angularjs中記住密碼選項

回答

相關問題