Angular 7-如何共享令牌更新可观察性？

import { BehaviorSubject } from 'rxjs';

export class TokenService {
  private tokenSubject = new BehaviorSubject<string>(null);
  public token$ = this.tokenSubject.asObservable();

  public updateToken(token: string): void {
    this.tokenSubject.next(token);
  }
}

import { Component, OnInit } from '@angular/core';
import { TokenService } from 'path/to/token.service';

@Component({
  selector: 'app-example',
  template: `
    <div *ngIf="token$ | async as token">
      <!-- 显示令牌信息 -->
      <p>Token: {{ token }}</p>
    </div>
  `,
})
export class ExampleComponent implements OnInit {
  public token$ = this.tokenService.token$;

  constructor(private tokenService: TokenService) {}

  ngOnInit(): void {
    this.token$.subscribe((token) => {
      // 令牌更新时执行的操作
      console.log('Token updated:', token);
    });
  }
}

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

@Component({
  selector: 'app-token-update',
  template: `
    <button (click)="updateToken()">Update Token</button>
  `,
})
export class TokenUpdateComponent {
  constructor(private tokenService: TokenService) {}

  public updateToken(): void {
    const newToken = 'new-token'; // 替换为实际的新令牌
    this.tokenService.updateToken(newToken);
  }
}