Blazor隐藏输入绑定到Identity用户
创始人
2024-12-22 03:30:21
0
  1. 首先,需要在 Blazor 应用程序中引入 Microsoft.AspNetCore.Components.Authorization 命名空间。
  2. 在需要使用隐藏输入绑定到 Identity 用户的组件中,通过注入 AuthenticationStateProvider 服务获取当前用户的身份验证状态。
  3. 使用 @inject directive 注入 IJSRuntime 服务,以处理 JavaScript 和 Blazor 之间的通信。
  4. 使用 JavaScript 中的 document.getElementById() 方法来获取要绑定到的隐藏输入元素并将其值设置为当前用户的 ID(或任何其他身份验证信息)。 以下是一个 Blazor 组件的示例,该组件将当前用户的 ID 值绑定到一个隐藏输入:
@page "/userprofile"
@inject AuthenticationStateProvider AuthenticationStateProvider
@inject IJSRuntime JSRuntime



@code {
    protected override async Task OnInitializedAsync()
    {
        var authState = await AuthenticationStateProvider.GetAuthenticationStateAsync();
        var userId = authState.User.FindFirstValue(ClaimTypes.NameIdentifier);
        await JSRuntime.InvokeVoidAsync("setProperty", "userId", userId);
    }
}

在上面的代码示例中,通过调用 IJSRuntime 中的 InvokeVoidAsync() 方法,使用 JavaScript 中的 setProperty() 函数将当前用户的 ID 值设置为隐藏输入元素的值。

相关内容

热门资讯

热点讨论!老友汇辅助(辅助)竟... 热点讨论!老友汇辅助(辅助)竟然是真的有挂(2021已更新)(哔哩哔哩)1.老友汇辅助 ai辅助创建...
微扑克德州专用辅助器!微扑克w... 自定义微扑克系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是想分享...
科技教程!wepoke科技(w... 科技教程!wepoke科技(we辅助poker德之星)wepOKE(一般真的有挂);建议优先通过we...
9分钟了解!决战卡五星辅助器,... 9分钟了解!决战卡五星辅助器,乐乐围棋入门有挂吗,AI教程(有挂插件)1、首先打开乐乐围棋入门有挂吗...
微扑克辅助挂!微扑克发牌系统,... 微扑克辅助挂!微扑克发牌系统,微扑克本来真的是有挂,切实教程(有挂方法);一、微扑克AI软件牌型概率...
热点推荐!丽水跑得快房主能控制... 热点推荐!丽水跑得快房主能控制输赢吗(辅助)原来真的有挂(2021已更新)(哔哩哔哩)1、不需要AI...
四分钟了解!兴动手机麻将辅牌器... 四分钟了解!兴动手机麻将辅牌器下载,传送屋激k,详细教程(有挂神器)一、兴动手机麻将辅牌器下载AI软...
wepoke真的有挂!wepo... wepoke真的有挂!wepoke系统(透视辅助)WepokE(一般真的有挂);(需添加指定薇757...
微扑克全自动机器人!微扑克的辅... 微扑克全自动机器人!微扑克的辅助工具,微扑克小程序辅助器,新2025教程(有挂方法),您好,微扑克这...
推荐几款新版!欢聚水鱼辅助功能... 推荐几款新版!欢聚水鱼辅助功能(透明挂)好像真的是有挂(2026已更新)(哔哩哔哩)1、完成欢聚水鱼...