Angular 2:无法在存储在本地存储中的另一个组件中获取令牌

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

@Injectable()
export class TokenService {
  private token: string;

  setToken(token: string): void {
    this.token = token;
  }

  getToken(): string {
    return this.token;
  }
}

import { Component } from '@angular/core';
import { TokenService } from './token.service';

@Component({
  selector: 'app-login',
  template: `
    <button (click)="login()">Login</button>
  `,
})
export class LoginComponent {
  constructor(private tokenService: TokenService) {}

  login(): void {
    // 假设在登录成功后获取到了令牌
    const token = 'example_token';

    // 将令牌存储在令牌管理服务中
    this.tokenService.setToken(token);
  }
}

import { Component } from '@angular/core';
import { TokenService } from './token.service';

@Component({
  selector: 'app-profile',
  template: `
    <div>{{ token }}</div>
  `,
})
export class ProfileComponent {
  token: string;

  constructor(private tokenService: TokenService) {}

  ngOnInit(): void {
    // 从令牌管理服务中获取令牌
    this.token = this.tokenService.getToken();
  }
}