javascript - 标识符“authService”是指组件的私有(private)成员

我真的不知道问题出在哪里。

服务代码：

import { Injectable } from '@angular/core';

@Injectable()
export class AuthService {
  logout() {
    localStorage.removeItem('token');
  }
}

组件代码：

import { AuthService } from './../services/auth.service';

export class HomeComponent {
  constructor(private authService: AuthService) {}
}

在HTML代码的末尾：

<h1>
  Home Page
</h1>
<p *ngIf="authService.isLoggedIn">
  Welcome {{ authService.currentUser.name }}
</p>
<ul>
  <li *ngIf="authService.isLoggedIn() && authService.currentUser.admin">
    <a routerLink="/admin">Admin</a>
  </li>
  <li *ngIf="authService.isLoggedIn()">
    <a routerLink="/login">Login</a>
  </li>
  <li *ngIf="authService.isLoggedIn()" (click)="authService.logout()">
    <a>Logout</a>
  </li>
</ul>

我的HTML代码问题是authService。感谢您的阅读。

最佳答案

在html模板中使用的类中定义的所有属性都应该是公共的。您已将authService定义为私有的，并且对此有所抱怨。

为了解决此问题，您必须将其公开：

constructor(public authService: AuthService) { }

关于javascript - 标识符“authService”是指组件的私有(private)成员，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51454076/