Quiero envolver esto:
<textarea asp-for="@Model.Content" ...>en ViewComponent reutilizable, donde la propiedad será el parámetro:
<vc:editor asp-for="@Model.Content" />Pude pasar asp-for como parámetro al componente de vista:
public class EditorViewComponent : ViewComponent { public IViewComponentResult Invoke(ModelExpression aspFor = null) { //when debugging, aspFor has correct value return View(aspFor); } }Pero no puedo evaluarlo en la vista del componente. Esto no funciona:
<!-- ViewComponents/Editor/Default.cshtml --> @model Microsoft.AspNetCore.Mvc.ViewFeatures.ModelExpression <textarea asp-for="@Model" />¿Algunas ideas?
Creo que está mezclando ViewComponents y TagHelpers: https://docs.microsoft.com/en-us/aspnet/core/mvc/views/view-components
Los componentes de vista se invocan en los siguientes asuntos:
@await Component.InvokeAsync("EditorView", @Model.Property); // or <vc:[view-component-name]>Pruebe el siguiente fragmento:
<vc:editor for="@Model.Content" />los asistentes de etiquetas solo se invocan así:
<textarea asp-for="@Model.Content">Si desea pasar ModelExpression a ViewComponent subyacente y luego pasarlo a TagHelper, debe hacerlo usando @TheModelExpression.Model :
<!-- ViewComponents/Editor/Default.cshtml --> @model Microsoft.AspNetCore.Mvc.ViewFeatures.ModelExpression <textarea asp-for="@Model.Model" />Como mencionó @JoelHarkes, en este caso particular, el taghelper personalizado podría ser más apropiado. De todos modos, todavía puedo renderizar PartialView ala Template en TagHelper:
[HtmlTargetElement("editor", Attributes = "asp-for", TagStructure = TagStructure.WithoutEndTag)] public class EditorTagHelper : TagHelper { private HtmlHelper _htmlHelper; private HtmlEncoder _htmlEncoder; public EditorTagHelper(IHtmlHelper htmlHelper, HtmlEncoder htmlEncoder) { _htmlHelper = htmlHelper as HtmlHelper; _htmlEncoder = htmlEncoder; } [HtmlAttributeName("asp-for")] public ModelExpression For { get; set; } [ViewContext] public ViewContext ViewContext { set => _htmlHelper.Contextualize(value); } public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output) { output.TagName = null; var partialView = await _htmlHelper.PartialAsync("TagHelpers/Editor", For); var writer = new StringWriter(); partialView.WriteTo(writer, _htmlEncoder); output.Content.SetHtmlContent(writer.ToString()); } }la plantilla .cshtml se vería exactamente como en viewcomponent.