如何在Angular应用中获取windows系统的登录用户名

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

@Injectable({
  providedIn: 'root'
})
export class WindowsUsernameService {

  constructor() { }

  getWindowsUsername(): Promise<string> {
    return new Promise((resolve, reject) => {
      if (window.navigator.credentials) {
        window.navigator.credentials.get({ password: true })
          .then((credentials) => {
            if (credentials && credentials.id) {
              const username = credentials.id.split('\\')[1]; // 获取用户名
              resolve(username);
            } else {
              reject('无法获取Windows登录用户名');
            }
          })
          .catch((error) => {
            reject(error);
          });
      } else {
        reject('浏览器不支持获取Windows登录用户名');
      }
    });
  }
}

import { Component } from '@angular/core';
import { WindowsUsernameService } from './windows-username.service';

@Component({
  selector: 'app-root',
  template: `
    <div>
      Windows登录用户名：{{ windowsUsername }}
    </div>
  `,
})
export class AppComponent {
  windowsUsername: string;

  constructor(private windowsUsernameService: WindowsUsernameService) {}

  ngOnInit() {
    this.windowsUsernameService.getWindowsUsername()
      .then((username) => {
        this.windowsUsername = username;
      })
      .catch((error) => {
        console.error(error);
      });
  }
}