在使用Angular2和Firebase启动服务之前，请通过AuthGuard在服务中设置值

Question

我正在尝试从当前登录的用户获取用户ID，以自定义从DataService加载的数据。 我的目标是：

1. 在加载InboxComponent之前应调用AuthGuard
2. 这AuthGuard应设置用户变量在AuthService
3. 然后，我应该能够在DataService中使用authService.user

但是，尽管console.log(authState)的console.log(authState)正确记录了用户信息，但console.log(this.authService.user)产生的不确定。

关于可能出什么问题的任何线索？

认证服务

export class AuthService {

  public user: any;

  constructor(private af: AngularFire, public auth$: FirebaseAuth) {
    console.log("Auth service state:", this.authState);
  }

AuthGuard

@Injectable()
export class AuthGuard implements CanActivate {
  constructor(private authService: AuthService, private router: Router) {}

  canActivate(): Observable<boolean> {
    return this.authService.auth$
      .take(1)
      .map(authState => {
        console.log(authState)
        this.authService.setUser(authState);
        return !!authState })
      .do(authenticated => {
        if (!authenticated) {
          this.router.navigate(['/error']);
        }
      });
  }

}

数据服务

export class DataService {

  private userPath: string;

  constructor(private af: AngularFire, private authService: AuthService) {
     console.log(this.authService.user);
  }

路由器

const routes: Routes = [
  { path: 'inbox',  component: InboxComponent, canActivate: [AuthGuard] }

应用模块

@NgModule({
  declarations: [
    InboxComponent
  ],
  imports: [
    EmailsModule
  ],
  providers: [
    AuthService,
    AuthGuard
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

我终于解决了。 我在app.component.ts文件中调用了DataService，以在导航中获取一些数据。 它被加载到路由器模块外部，因此在调用AuthService之前被调用。 这又导致了在调用AuthGuard之前的DataService。