您的位置:首页 > 其它

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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐