Angular 获取当前账户 Token 的方法

在 Angular 框架中，可以通过使用 Angular 的 HttpClient 模块来发送 HTTP 请求并获取响应。为了在页面中获取当前账户的 token，你可以使用 HttpClient 模块来发送一个 HTTP 请求到服务器，并在响应中获取 token。

首先，确保你已经在你的应用程序中导入了 HttpClient 模块。在你的组件文件中，你可以注入 HttpClient 服务，并使用它来发送 HTTP 请求。以下是一个示例：

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {

  token: string;

  constructor(private http: HttpClient) { }

  ngOnInit() {
    this.getToken();
  }

  getToken() {
    this.http.get<any>('your-api-url').subscribe(response => {
      this.token = response.token;
    });
  }

}

在上面的示例中，我们注入了 HttpClient 服务，并在组件的 ngOnInit 方法中调用了 getToken() 方法来获取 token。在 getToken() 方法中，我们使用 HttpClient 的 get 方法发送一个 GET 请求到指定的 API URL，并使用 subscribe 方法订阅响应。一旦收到响应，我们将响应中的 token 赋值给组件中的 token 变量。

请注意，你需要将 'your-api-url' 替换为实际的 API URL，该 URL 应返回一个带有 token 的 JSON 响应。

然后，你可以在你的模板中使用这个 token 变量来显示或处理它。例如：

<p>Current token: {{ token }}</p>

上面的代码将在页面上显示当前的 token 值。

这只是一个简单的示例，你可以根据你的具体需求进行相应的更改和扩展。