A component for adding sections similar to ASP.NET Core MVC sections.
- Adding dynamically javascript
- Adding dynamically css
- Creating html-elements (e.g. title, metatags, etc.)
*** Currently only tested for server-side Blazor ***
- Adding Blazor components to section
Install via Nuget.
Install-Package BlazorSections // ...
public void ConfigureServices(IServiceCollection services)
{
...
services.AddScoped<BlazorSectionLib.SectionService>();
...
}Add your sections whereever you want in the _Host.cshtml. The SectonName parameter is required.
@page "/"
...
@using BlazorSectionLib
...
<!DOCTYPE html>
<html lang="en">
<head>
...
@(await Html.RenderComponentAsync<SectionComponent>(RenderMode.ServerPrerendered, new { SectionName = "head" }))
</head>
<body>
<app>
@(await Html.RenderComponentAsync<App>(RenderMode.ServerPrerendered))
</app>
@(await Html.RenderComponentAsync<SectionComponent>(RenderMode.ServerPrerendered, new { SectionName = "body" }))
...
</body>
</html>@page "/head"
...
@implements IDisposable
@using BlazorSectionLib
@inject SectionService _ss
...
@code {
protected override async Task OnInitializedAsync()
{
await Task.Run(() =>
{
_ss.AddElement("head", new SectionService.Element("title", "Jquery loaded"));
_ss.AddElement("head", new SectionService.Javascript("https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"));
});
}
...
public void Dispose()
{
_ss = null;
}
}InspGadget
This project is licensed under the GNU General Public License v3.0 - see the LICENSE file for details.