Ionic--再次打开自动填充用户名和密码的问题解决方法
2017-08-21 00:00
671 查看
问题:每次清理手机后台,再次进入都要重新输入用户名和密码,影响用户体验。
解决方法:只要用户登录过一次,再次打开应用程序,都会自动填充用户名和密码。
步骤:
一、了解localStorage
1. 存储:localStorage.setItem(key,value); 如果key存在时,更新value
2. 获取:localStorage.getItem(key); 如果key不存在返回null
3. 删除:localStorage.removeItem(key); 一旦删除,key对应的数据将会全部删除
4. 全部清除:localStorage.clear(); 某些时候使用removeItem逐个删除太麻烦,可以使用clear,执行的后果是会清除所有localStorage对象保存的数据
二、
1.找到登录的controller(如:login_controller)在执行登录按钮的方法上面添加
//获取localStorage的key和value。 如果key不存在返回null
用户名=localStorage.getItem(localStorage.key(username));
密码=localStorage.getItem(localStorage.key(password));
如:
//循环遍历,取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.在验证用户名和密码成功方法里(如:$scope.login = function(){})添加
//存储localStorage,key值:username,value:用户名
localStorage.setItem("username",$scope.username);
//存储localStorage,key值:password,value:密码
localStorage.setItem("password",$scope.password);
解决方法:只要用户登录过一次,再次打开应用程序,都会自动填充用户名和密码。
步骤:
一、了解localStorage
1. 存储:localStorage.setItem(key,value); 如果key存在时,更新value
2. 获取:localStorage.getItem(key); 如果key不存在返回null
3. 删除:localStorage.removeItem(key); 一旦删除,key对应的数据将会全部删除
4. 全部清除:localStorage.clear(); 某些时候使用removeItem逐个删除太麻烦,可以使用clear,执行的后果是会清除所有localStorage对象保存的数据
二、
1.找到登录的controller(如:login_controller)在执行登录按钮的方法上面添加
//获取localStorage的key和value。 如果key不存在返回null
用户名=localStorage.getItem(localStorage.key(username));
密码=localStorage.getItem(localStorage.key(password));
如:
//循环遍历,取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.在验证用户名和密码成功方法里(如:$scope.login = function(){})添加
//存储localStorage,key值:username,value:用户名
localStorage.setItem("username",$scope.username);
//存储localStorage,key值:password,value:密码
localStorage.setItem("password",$scope.password);
相关文章推荐
- 解决浏览器会自动填充用户名密码的问题
- Windows xp 带用户名密码的自动登录问题(已解决)
- firefox(火狐)使用自动填充记住的用户名密码时,会将密码填充到相同name的文本域解决办法
- 打开layout/main.xml时Eclipse自动关闭的问题解决方法。
- firefox自动填充记住的用户名密码到相同name的文本域解决办法
- 新打开acitivyt时,EditText焦点自动带出软键盘问题解决方法总结(转)
- 免安装版Tomcat 6.0.35碰到的问题 :打开tomcat管理界面时,用户名和密码错误的设置方法
- 新打开acitivyt时,EditText焦点自动带出软键盘问题解决方法总结
- 解决密码自动填充的问题
- javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
- firefox(火狐)使用自动填充记住的用户名密码时,会将密码填充到相同name的文本域解决办法
- 解决浏览器自动填充密码框的问题
- 谷歌浏览器自动填充用户名密码问题
- 新打开acitivyt时,EditText焦点自动带出软键盘问题解决方法总结 ... ...
- office 2010 自动连接网络打印机的问题(保存或者打开极慢) 解决方法
- 对于连接后,需要打开浏览器输入用户名密码才能上网的WIFI,不跳转的解决方法
- excel表中多位位数字设置成文本后不能自动填充问题的解决方法
- ShowModelessDialog打开页面自动刷新问题解决方法【原】
- iis配置好后,解决打开服务器要输入用户名和密码的问题
- 解决浏览器会自动填充密码的问题