Início / user-3146958

KidBilly's questions

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

Sou novo no Blazor e estou tentando descobrir como o Blazor renderiza componentes em tags HTML. Se eu usar um componente simples como este:

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

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

Então executo meu aplicativo, abro as ferramentas de desenvolvimento e o HTML resultante é este:

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

Qual é o propósito de _bl_e4f3714a-7294-49f4-9c79-90762626ed41?

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

Estou tentando configurar uma navegação onde os links sejam definidos por appsettings.jsonvalores. Talvez haja uma maneira muito melhor de fazer isso sem Javascript?

Este é o meu componente, chamadoNavigation.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;
    }
}

O problema é que depois que a página carrega o DOM fica assim:

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

Mas se usar document.getElementById('test-link')no console de desenvolvimento, mostra isto:

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