时间戳

首页 > 解决方案 > Angular 9 TypeError：无法读取未定义的属性“订阅”

angular - Angular 9 TypeError：无法读取未定义的属性“订阅”

问题描述

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

得到：

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

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;
        }}));
      }

标签： angulartypescriptrxjs

解决方案

你在这里订阅了一个 observable，但你没有从 getter 返回一个 observable。return of(true)你有从subscribe回调内部返回，而不是 getter 。您必须更改它以从getUserBySession函数返回原始的 observable

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);
  }
}

虽然我认为这里的吸气剂可能会导致多个订阅出现问题。

推荐阅读