Adding HeadOutlet RootComponent to Blazor Templates #4531 | Support

jbrus created one year ago

Would it be possible to add the RootComponent type HeadOutlet to the Blazor template projects in future releases so that the component works right away?

private static void ConfigureUI(WebAssemblyHostBuilder builder)
{
  builder.RootComponents.Add<App>("#ApplicationContainer"); 
  builder.RootComponents.Add<HeadOutlet>("head::after"); 
}

2 Answer(s)

0

liangshiwei created one year ago
Support Team Fullstack Developer

Hi,

I will check it

liangshiwei created one year ago

Support Team Fullstack Developer

Hi,

It's working as expected

private static void ConfigureUI(WebAssemblyHostBuilder builder)
{
    builder.RootComponents.Add<App>("#ApplicationContainer");
    builder.RootComponents.Add<HeadOutlet>("head::after");
}

@page "/"
@using Volo.Abp.MultiTenancy
@inherits MyProjectNameComponentBase
@inject AuthenticationStateProvider AuthenticationStateProvider
<div class="container">
    <h1>Control content</h1>
    <p>
        Title: @title
    </p>

    <p>
        Description: @description
    </p>

    <PageTitle>@title</PageTitle>

    <HeadContent>
        <meta name="description" content="@description">
    </HeadContent>

    @code {
        private string description = "Description set by component";
        private string title = "Title set by component";
    }

</div>

Have an answer to this question? Log in and write your answer.