c# - 我如何使用标签助手来获取任意元素上的模型属性名称？

Question

ASP.NET 核心。

 <label asp-for="FooModelProperty">...</label>

这会生成一个具有适当属性名称的表单控件。选择、输入等也是如此。

但我需要在某个随机元素上使用该名称，例如div，所以我可以在 JavaScript 中使用它。问题是 asp-for 标签助手对任意元素不起作用。

那么我该怎么做呢:

<div asp-for="FooModelProperty">...</div>

Answer 1

创建 ModelExpression 类是为了帮助处理此类情况。您可以将它作为属性添加到您的 TagHelper 并从那里访问属性名称。

这是一个例子:

[HtmlTargetElement("*", Attributes = forName)]
public class NameAppenderTagHelper : TagHelper
{
    private const string forName = "na-for";

    [HtmlAttributeName(forName)]
    public ModelExpression PropertyName { get; set; }

    public override void Process(TagHelperContext context, TagHelperOutput output)
    {
        // add the property name as an attribute to the element
        output.Attributes.Add("data-property-name", PropertyName.Name);

        // if you'd like the [Display] name value, you can use this:
        // output.Attributes.Add("data-property-name", PropertyName.Metadata.DisplayName);
        base.Process(context, output);
    }
}

像这样在 Razor 中使用时:

<div na-for="MyProperty"></div>

它会输出:

<div data-property-name="MyProperty"></div>