如何在任意元素上复用ASP.NET Core的asp-for功能？

当然可以实现类似asp-for的功能，将生成的id、name等值应用到div这类元素上，以下是两种实用方案：

1. 自定义Tag Helper（最接近原生asp-for体验） #

直接编写针对div的自定义Tag Helper，复用ASP.NET Core标签助手的元数据逻辑，让div支持asp-for属性，自动生成对应的id和name。

实现代码 #

创建自定义Tag Helper类：

using Microsoft.AspNetCore.Mvc.TagHelpers;
using Microsoft.AspNetCore.Mvc.ViewFeatures;
using Microsoft.AspNetCore.Razor.TagHelpers;

[HtmlTargetElement("div", Attributes = "asp-for")]
public class DivForTagHelper : TagHelper
{
    // 接收asp-for绑定的模型表达式
    [HtmlAttributeName("asp-for")]
    public ModelExpression For { get; set; }

    // 注入视图上下文，用于生成完整字段名
    [ViewContext]
    [HtmlAttributeNotBound]
    public ViewContext ViewContext { get; set; }

    public override void Process(TagHelperContext context, TagHelperOutput output)
    {
        // 获取完整的字段名称（支持嵌套属性）
        var fullFieldName = ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(For.Name);
        // 生成符合HTML规范的id（替换特殊字符为-）
        var sanitizedId = TagHelperUtilities.CreateSanitizedId(fullFieldName, "-");

        // 给div添加id和name属性
        output.Attributes.SetAttribute("id", sanitizedId);
        output.Attributes.SetAttribute("name", fullFieldName);
    }
}

注册Tag Helper #

在_ViewImports.cshtml中添加注册语句（替换YourAssemblyName为你的项目程序集名称）：

@addTagHelper *, YourAssemblyName

使用方式 #

和原生asp-for完全一致：

<div asp-for="User.Email"></div>

渲染后会生成：

<div id="User_Email" name="User.Email"></div>

2. 视图内直接获取属性值（轻量方案） #

如果不想自定义Tag Helper，也可以在视图中直接调用ASP.NET Core的内置工具方法，手动生成id和name：

@{
    var fieldName = ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(nameof(Model.User.Email));
    var fieldId = TagHelperUtilities.CreateSanitizedId(fieldName, "-");
}
<div id="@fieldId" name="@fieldName">...</div>

这种方式虽然用到了nameof，但比硬编码更可靠，且能自动处理嵌套属性的字段名。

内容的提问来源于stack exchange，提问作者lonix