如何在登录页面中以 Angular 2 实现“记住我”

Posted 2023-02-22

【中文标题】如何在登录页面中以 Angular 2 实现“记住我”

【英文标题】：how to implement "remember me" in angular 2,in login page

【发布时间】：2018-03-01 00:24:15

【问题描述】：

我尝试在 Angular 2 中实现记住我，例如使用 documnent.cookie 和 ngx-cookie 。但不工作。有人可以通过参考一些示例来帮助我吗？

【问题讨论】：

如果您要分享您的代码或部分代码，人们会更好地尝试帮助您解决问题。

你可能想看看 JWT

我需要在登录页面中实现。只是我需要将email id和密码存储在cookie中。github.com/salemdar/ngx-cookie,tried这个

@GurV: JWT 需要在后端而不是前端生成

@Salim 是的。没错。

【参考方案1】：

您可以将用户名和密码存储在本地存储中，如果可用，则 ngOnInit() 将其分别分配给。

<input class="form-control" type="text" [(ngModel)]="model.username" #username="ngModel" name="username"
                 minlength="4" required>
<input class="form-control" type="password" [(ngModel)]="model.password" #password="ngModel" name="password" required>

在组件中

ngOnInit() if(this.storage.retrieve('userAuth')) 
  this.model = this.storage.retrieve('userAuth');


//Save user Credentials when Remember me checked.
rememberMe() : void 
this.storage.store('userAuth', this.model);