主页 / user-3146958

KidBilly's questions

Martin Hope
Bill Kindig
Asked: 2024-09-05 05:51:42 +0800 CST
  • 9

我是 Blazor 的新手，正在尝试弄清楚 Blazor 如何将组件呈现为 HTML 标记。如果我使用如下简单组件：

<InputText @bind-Value="testvalue" id="sample-textbox"></InputText>

@code {
    public string testvalue = "abc123";
}

然后我运行我的应用程序，打开开发工具，生成的 HTML 如下：

<input id="sample-textbox" _bl_e4f3714a-7294-49f4-9c79-90762626ed41="">

的目的是什么 _bl_e4f3714a-7294-49f4-9c79-90762626ed41？

c#
Martin Hope
KidBilly
Asked: 2024-05-07 22:45:30 +0800 CST
  • 5

我正在尝试设置一个导航，其中链接是按appsettings.json值设置的。也许有更好的方法可以在没有 JavaScript 的情况下做到这一点？

这是我的组件，名为Navigation.razor

@inject IConfiguration Configuration
@inject IJSRuntime JSRuntime

<a id="test-link">Test</a>

<script>
    function SetNavlinks(url){
        var a = document.getElementById('test-link')
        a.setAttribute("href", url);
    }
</script>

@code{
    protected override async Task OnInitializedAsync()
    {       
        await InitializeNavigation();
        InvokeAsync(StateHasChanged);
    }

    Task InitializeNavigation(){
        var testLinkURL = Configuration.GetValue<string>("ContentURLs:Values:TestLink");
        JSRuntime.InvokeVoidAsync("SetNavlinks", testLinkURL);
        return Task.CompletedTask;
    }
}

问题是页面加载后 DOM 看起来像这样：

<a id="test-link">Test</a>

但如果document.getElementById('test-link')在开发控制台中使用，它会显示：

<a href="https://itworks.com" id="test-link">Test</a>
c#