Ionic--再次打开自动填充用户名和密码的问题解决方法

2019独角兽企业重金招聘Python工程师标准>>>

问题：每次清理手机后台，再次进入都要重新输入用户名和密码，影响用户体验。

解决方法：只要用户登录过一次，再次打开应用程序，都会自动填充用户名和密码。

步骤：

一、了解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); 

转载于:https://my.oschina.net/lwenhao/blog/1517808