javascript - 在 app init 上检查本地存储的 Angular 6 问题

Question

如果用户登录应用程序，我无法检查页面加载。我尝试使用 eventEmmiter 和 Subject，但在加载时没有检查本地存储的结果。

这是我的身份验证服务

export class AuthenticationService {
  constructor() {
  }
  // here is bunch of code

  isLoggedIn(): boolean {
    let currentUser = localStorage.getItem('currentUser');
    return !!(currentUser);
  }

}

这是我的 HedaerComponent:

constructor(private authenticationService: AuthenticationService) {
 this.checkUser();
}

checkUser() {
 if (this.authenticationService.isLoggedIn()) {
 // do something
 }
 else {
 // do something
 }
}

我在第一次加载应用程序时遇到问题，如何检查我是否登录了用户？令我难过的是，我尝试了 emmitting value 但没有结果。感谢您的帮助!

Answer 1

您可以使用 Angular 的路由守卫来实现这一点。这是一些教程:

1. https://ryanchenkie.com/angular-authentication-using-route-guards

2. https://angular.io/guide/router#milestone-5-route-guards