在开发中,只要用户登录过一次,再次打开应用程序,都会自动填充用户名和密码,那么怎么实现的,我们可以用localStorage来实现这个功能,代码如下:
一、了解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);