Allow Blazor App to inject html code into multiple parts of Host (prerenderings and client-side) #23625

Bartmax · 2020-07-02T18:03:40Z

Bartmax
Jul 2, 2020

When investigating to set the title via prerendering and also via client side ideally using the same "mechanism", I see solutions that use JsInterop for client-side and parse the html for prerendering. I don't like any of that.

I was wondering if there are any plans or drafts about how Blazor will tackle this?

I thought that having some method that instantiate App component we can then access the router or some title component to use it for prerendering, while also using for client-side.

If we do that, we may actually extend to have a Head section entirely or generic "sections" aka Razor, and Host.cshtml will be as simple as doing:

@{
    var app = await ComponentService.LoadAsync<App>();
<head>
    <title>@app.Router.Title</title>
    // ...
</head>
<body>
    // ...
    <app>@(await Html.RederComponentAsync(app))</app>
    // ...
    @(await Html.RenderComponent(app.SectionScripts))
</body>
}

Accessing those properties via client-side will also help add/remove static dependencies from Lazy Loaded components.

Is any of this make sense? is there any plans for such featur(es) ?

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Allow Blazor App to inject html code into multiple parts of Host (prerenderings and client-side) #23625

{{title}}

Replies: 0 comments

Select a reply

Allow Blazor App to inject html code into multiple parts of Host (prerenderings and client-side) #23625

Bartmax Jul 2, 2020

Replies: 0 comments

Bartmax
Jul 2, 2020