Adding HeadOutlet RootComponent to Blazor Templates #4531

2 Answer(s)

• 

  0

  liangshiwei created 3 years ago

  Fullstack Developer

  Hi,

  I will check it

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  liangshiwei created 3 years ago

  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>
  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel