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值。

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