angular - 登录后如何获取用户名？我正在尝试使用 MSAL (@azure/msal-angular) 进行 Azure 登录

Question

我正在尝试将 MSAL (@azure/msal-angular) 用于 Azure 登录和 angular 的新手。我需要在登录后获取用户名并将其显示在 UI 中。提前致谢

标签： angularazure-active-directorymsal

Answer 1

您可以使用myMSALObj.getAccount().userName获取用户名。

function showWelcomeMessage() {
    var divWelcome = document.getElementById('WelcomeMessage');
    divWelcome.innerHTML = 'Welcome ' + myMSALObj.getAccount().userName + " to Microsoft Graph API";
    var loginbutton = document.getElementById('SignIn');
    loginbutton.innerHTML = 'Sign Out';
    loginbutton.setAttribute('onclick', 'signOut();');
}

有关更多详细信息，请参见此处。