c# - 从ViewComponent返回自定义html

Question

在ASP.NET Core应用程序中，我想从ViewComponent返回自定义html。我可以返回自定义文本，但是html将被编码而不是被嵌入:

public class BannerViewComponent : ViewComponent
{
  public async Task<IViewComponentResult> InvokeAsync(string param1, int param2)
  {
    return Content("<strong>some custom html</strong>");
  }
}

我在.cshtml页面中使用了它:

    @await Component.InvokeAsync("BannerView")

在页面上，这将显示为 <strong>some custom html</strong>而不是 一些自定义html 。
如何直接从ViewComponent返回HTML而不是文本？

Answer 1

您的ViewComponent也可以有自己的 View ，您可以在那里渲染html。解决方案如下:

public class BannerViewComponent : ViewComponent
{
  public async Task<IViewComponentResult> InvokeAsync(string param1, int param2)
  {
    string model = "<strong>some custom html</strong>";
    return View("Index", model);
  }
}

将以下内容添加到您的Views文件夹中: Views\Shared\Components\BannerViewComponent\Index.cshtml并将以下内容放入ViewComponent的 View 中:

@model string
@Html.Raw(Model)

您可以将模型更改为类而不是字符串，以便可以构造ViewComponent的输出，但是关键部分是 Html.Raw()方法，用于输出未编码的html。