为什么本地存储的条件不起作用？

作者: 無口君
发布时间: 2024-12-18 09:27:01 (10天前)
转自：

3 条回复

0#
回复此人
日耀九洲 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 变化是 <code> isLoggedIn </code> 成为 <code> get </code> 方法基于localStorage项目 </p> <pre> <code> export class LoggedinService implements OnInit { redirectUrl: string; constructor() {} get isLoggedIn(): boolean { return localStorage.getItem('login') ? true : false; } login(){ localStorage.setItem('login','true') } logout(){ localStorage.removeItem('login') } } </code> </pre> <P> <EM> app.component </EM> </p> <pre> <code> export class AppComponent { constructor(private loggedInService: LoggedinService, private router: Router) { } logIn(): void { this.loggedInService.login(); // set the state as login let redirect = this.loggedInService.redirectUrl ? this.loggedInService.redirectUrl : '/gallery'; this.router.navigate([redirect]); } logout(): void { this.loggedInService.logout(); //// set the state as logout this.router.navigate(['/']); } } </code> </pre> <P> <a href="https://stackblitz.com/edit/angular-wgxrpz" rel="nofollow noreferrer"> 的<strong> stackblitz演示 </强> </A> </p> </DIV>

编辑
1#
回复此人
撩心 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我对你的代码有疑问。 </p> <P> 在LoggedInService中 <code> onInit </code> 你为什么打电话 <code> login() </code> 和 <code> logout() </code> 直？ </p> <pre> <code> this.CheckAuthentication(); this.login(); this.logout(); </code> </pre> <P> 这样做是添加和删除你的的<strong> localStorage的 </强> 。此外，您可以通过键入来检查本地存储中的数据 <code> localStorage </code> 在浏览器控制台中。我认为你应该评论或删除 <code> onInit </code> 方法 </p> </DIV>

编辑

登录后才能参与评论