如何在 .Net Core MVC 中将 csHtml 传递给 ViewComponent？

Question

我想像这样将 csHtml 传递给 ViewComponent：

<vc:some-component title="Title" 
body="@Html.Raw("<div>this is a nice div, my name is @Model.Name</div>")">
</vc:some-component>

如您所见，我想传递包含对变量或模型的引用的 HTML（这就是为什么我称它为 csHtml 而不仅仅是 Html）。

这里是 ViewComponent 代码：

<div>
    <p>@Model.Title</p>
    @Model.Content
</div>

这甚至可能吗？我一直在搜索，但没有找到任何有关如何执行此操作的示例。

---

编辑：搞定了！感谢大家的帮助。

以下是一些示例代码：

调用 ViewComponent：

@{
    Func<dynamic, object> children =
    @<div>
        <p style="color: white">aaaa</p>
        <p style="color: white">bbbb</p>
        <p style="color: white">bbbb</p>
    </div>;
}

<vc:some-component body=@children>
</vc:some-component>

查看组件内容：

@model SomeComponentModel

<div>
    @Model.Body("")
</div>

Answer 1

您应该能够将参数添加到 ViewComponent 并将它们传递给 ViewComponent 视图本身。

<vc:some-component title="Title" 
body="@Html.Raw("<div>this is a nice div, my name is @Model.Name</div>")">
</vc:some-component>

或类似的东西

 @await Component.InvokeAsync("SomeComponent", new { title="Title", body= Html.Raw($"<div>this is a nice div, my name is {Model.Name}</div>") })

您的视图组件 IViewComponentResult 看起来像这样，以 ViewBag 为例

public async Task<IViewComponentResult> InvokeAsync(string title, string body)
{
    //...
    ViewBag.Content = body;
    ViewBag.Title = title;
    //...
    return View();
}

然后在相关的ViewComponent中查看

<div>
    <p>@ViewBag.Title</p>
    @ViewBag.Content
</div>

创建一个更具体的 ViewModel 来传递也是一种选择

Answer 2

是的，这是可能的，您必须采取一种解决方法，但这是可以实现的，this answer 有一个您正在寻找的示例。