Question

我要完成的工作是查看用户会话是否已经存在，如果可以，请登录。但是我在如何正确执行此操作方面遇到问题。它最有可能与代码执行顺序有关，但我不知道该如何解决。也许异步？

获取：

TypeError：无法读取未定义的属性“ subscribe”

Sidebar.component.ts：

ngOnInit(): void {
this.authService.isLoggedIn.subscribe(res => {
  if (res){
    this.isLoggedIn = true;
  } else {
   
    this.isLoggedIn = false;
  }
});
}

auth.service.ts：

      get isLoggedIn(): Observable<boolean> {
    const authToken = this.cookieService.get('cookiehere');
    // console.log(authToken);
    if (authToken) {
      this.getUserBySession(authToken).subscribe(res => {
        console.log(res);

        return of(true);
      }, error => {
        return of(false);
      });
    }
    if (!authToken){
      console.log('No token found!');
      return of(false);
    }
  }


  getUserBySession(session) {
    return this.http.get(`${this.apiPrefix}/auth/get_user_by_session?session=${session}`, { headers: this.headers })
      .pipe(map((res: any) => {
        if (res.user) {
          this.currentUser = res.user;
          return res;
        } else {
          return res;
        }}));
      }

Answer 1

您在此处订阅了一个可观察对象，但是您没有从getter返回一个可观察对象。您在那里的return of(true)从subscribe回调内部而不是getter返回。您必须将其更改为从getUserBySession函数返回原始可观察值

get isLoggedIn(): Observable<boolean> {
  const authToken = this.cookieService.get('vmkr');
  if (authToken) {
    return this.getUserBySession(authToken).pipe(
      map(() => true),
      catchError(() => of(false))
    );
  } else {
    console.log('No token found!');
    return of(false);
  }
}

尽管我想象这里的吸气剂可能会导致多个订阅的问题。

Angular 9 TypeError：无法读取未定义的属性“ subscribe”

1 个答案: