时间戳

首页 > 解决方案 > 在 Razor 组件 (Blazor) 中渲染 Razor 局部视图

c# - 在 Razor 组件 (Blazor) 中渲染 Razor 局部视图

问题描述

我最近发现了 Blazor，并且一直在玩一些测试项目，以更好地衡量我如何将其包含在未来的项目中。来自 MVC 背景，我从一个 MVC 项目开始，并向其中添加了 Razor 组件，我将这些组件嵌套在我的标准 MVC razor 页面中。

反过来可能吗？我可以在 Razor(Blazor) 组件中执行与 @Html.RenderPartial() 等效的操作吗？

例如

MVC View 用于@(await Html.RenderComponentAsync<Test>(RenderMode.ServerPrerendered))渲染组件

该组件管理状态等，并使用等价物@Html.RenderPartial("Someview.cshtml", someModel)来渲染具有模型绑定的标准剃须刀视图。

标签： c#asp.net-mvcasp.net-core.net-coreblazor

解决方案

您可以使用RenderFragment从静态文件、剃须刀页面或 MVC 视图中加载 Html 代码，方法是从其 URL 加载其内容。

样本

@page "/"
@page "/home"
@inject HttpClient _httpClient

<h1>Welcome</h1>
@_renderFragment

@code {
        protected override async Task OnInitializedAsync()
        {
            using var response = await _httpClient.GetAsync("http://localhost:4321/WelcomFragment").ConfigureAwait(false);
            var content = await response.Content.ReadAsStringAsync().ConfigureAwait(false);
            _renderFragment = builder =>
            {
                builder.OpenElement(1, "p");
                builder.AddContent(2, new MarkupString(content));
                builder.CloseElement();
            };
            base.OnInitialized();
        }
}

推荐阅读