本文共 1648 字,大约阅读时间需要 5 分钟。
标记帮助程序是 ASP.NET Core 中一个强大的功能,它允许开发者通过服务器端代码在 Razor 文件中创建和呈现 HTML 元素。这些标记帮助程序通常使用 C# 编写,通过指定元素名称、属性名称或父标记来为特定的 HTML 元素生成内容。
要创建一个功能性的标记帮助程序,首先需要在项目中创建一个专门用于存储标记帮助程序的文件夹。将这个文件夹命名为“TagHelpers”,并在其中添加一个名为 EmailTagHelper 的类。
public class EmailTagHelper : TagHelper{ private const string EmailDomain = "contoso.com"; public string MailTo { get; set; } public override void Process(TagHelperContext context, TagHelperOutput output) { output.TagName = "a"; var address = MailTo + "@" + EmailDomain; output.Attributes.SetAttribute("href", "mailto:" + address); output.Content.SetContent(address); }} 在实际应用中,标记帮助程序可以通过在视图文件中添加特定的指令来使用。例如,在 Privacy.cshtml 页面中添加以下内容:
Support:Marketing:
运行后,生成的 HTML代码如下:
Support: Support@contoso.com Marketing: Marketing@contoso.com
标记帮助程序的作用域可以通过以下方式控制:
使用 @addTagHelper 和 @removeTagHelper 指令
@addTagHelper 指令来启用标记帮助程序,@removeTagHelper 则用于删除特定的标记帮助程序。例如:@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers@addTagHelper *, net5MVC
在 _ViewImports.cshtml 文件中控制作用域
_ViewImports.cshtml 文件添加到项目根目录下,并在其中添加 @addTagHelper 和 @removeTagHelper 指令。这样可以对所有视图文件生效。使用退出字符(“!”)禁用标记帮助程序
在需要禁用的标记中添加退出字符。例如:Visual Studio 会自动为结束标记添加相应的退出字符。
@tagHelperPrefix 指定标记帮助程序前缀为了更好地管理标记帮助程序,可以在 _ViewImports.cshtml 文件中使用 @tagHelperPrefix 指令,指定一个前缀字符串,以便只允许带有该前缀的标记支持标记帮助程序。例如:
@tagHelperPrefix th:
这样,只有 th: 前缀的元素(如 <label> 和 <input>)才能使用标记帮助程序。
标记帮助程序是 ASP.NET Core 开发中一个强大的工具,它能够显著简化 HTML 元素的生成和管理。通过合理使用 @addTagHelper、@removeTagHelper 和 @tagHelperPrefix 等指令,可以灵活控制标记帮助程序的作用域和行为,从而提升开发效率和代码质量。
转载地址:http://rtiuz.baihongyu.com/