Ionic--再次打开自动填充用户名和密码的问题解决方法
2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>
問(wèn)題:每次清理手機(jī)后臺(tái),再次進(jìn)入都要重新輸入用戶名和密碼,影響用戶體驗(yàn)。
解決方法:只要用戶登錄過(guò)一次,再次打開(kāi)應(yīng)用程序,都會(huì)自動(dòng)填充用戶名和密碼。
步驟:
一、了解localStorage
1. ?存儲(chǔ):localStorage.setItem(key,value); 如果key存在時(shí),更新value
2. ?獲取:localStorage.getItem(key);? 如果key不存在返回null
3. ?刪除:localStorage.removeItem(key); 一旦刪除,key對(duì)應(yīng)的數(shù)據(jù)將會(huì)全部刪除
4. ?全部清除:localStorage.clear(); 某些時(shí)候使用removeItem逐個(gè)刪除太麻煩,可以使用clear,執(zhí)行的后果是會(huì)清除所有l(wèi)ocalStorage對(duì)象保存的數(shù)據(jù)
?
二、
1.找到登錄的controller(如:login_controller)在執(zhí)行登錄按鈕的方法上面添加
?
?? //獲取localStorage的key和value。?? 如果key不存在返回null
?? 用戶名=localStorage.getItem(localStorage.key(username));
?? 密碼=localStorage.getItem(localStorage.key(password));
如:
??? //循環(huán)遍歷,取key值username和password的value
??? for(var i=localStorage.length - 1 ; i >=0; i--){
?????? if(localStorage.key(i)=="username"){
???????? $scope.username=localStorage.getItem(localStorage.key(i));
?????? }
????? if(localStorage.key(i)=="password"){
??????? $scope.password=localStorage.getItem(localStorage.key(i));
????? }
??? }
?
?
2.在驗(yàn)證用戶名和密碼成功方法里(如:$scope.login = function(){})添加
?
//存儲(chǔ)localStorage,key值:username,value:用戶名
??? localStorage.setItem("username",$scope.username);
?
?//存儲(chǔ)localStorage,key值:password,value:密碼
??????? localStorage.setItem("password",$scope.password);?
轉(zhuǎn)載于:https://my.oschina.net/lwenhao/blog/1517808
總結(jié)
以上是生活随笔為你收集整理的Ionic--再次打开自动填充用户名和密码的问题解决方法的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 深入浅出看懂AlphaGo Zero -
- 下一篇: android类似QQ空间,微信朋友圈,