导航栏组件上的静态成员不可访问错误

Question

我不断收到以下错误：Static member is not accessible此时：

验证服务

export class AuthService {
  public static get isLoggedIn() {
    const user = JSON.parse(localStorage.getItem('user'));
    return (user !== null &&
      ((user.emailVerified === false && user.providerData[0].providerId === 'facebook.com') ||
        ((user.emailVerified !== false))));
  }
}

navbar.component.html

<nav *ngIf="!authService.isLoggedIn" class="navbar navbar-expand-lg navbar-dark" data-navbar="smart"></nav>

navbar.component.ts

@Component({
  selector: 'app-navbar',
  templateUrl: './navbar.component.html'
})
export class NavbarComponent implements OnInit {
  constructor(
    private authService: AuthService
  ) {}
}

我该如何解决？

Answer 1

您不需要注入AuthService，只需在组件中创建一个属性即可从中获取值AuthService.isLoggedIn

export class NavbarComponent implements OnInit {

  constructor(){}

  get isLoggedIn () {
   return AuthService.isLoggedIn 
  }
}

模板

<nav *ngIf="!isLoggedIn" class="navbar navbar-expand-lg navbar-dark" data-navbar="smart">
</nav>