在ASP.NET Core 2.1中添加自定义TagHelpers

Question

我严格按照ASP.NET Core文档进行操作，并花费了大量时间来拖曳堆栈溢出，以尝试实现简单的自定义TagHelper并没有成功。

任何人都可以就任何陷阱或已知错误提出建议吗？

应用程序属性：

AssemblyName: AmpWeb
Target Framework .NET Core 2.1

NuGet软件包

Microsoft.AspNetCore.All 2.1.2

环境

OS: Windows 7 (x64)
SDK: Microsoft .NET Core SDK 2.1.302 (x64)
IDE: Visual Studio 2017 Professional 15.7.4

TagHelpers / EmailTagHelper.cs

using Microsoft.AspNetCore.Razor.TagHelpers;

namespace AmpWeb.TagHelpers
{
    [HtmlTargetElement(Attributes = "email")]
    public class EmailTagHelper : TagHelper
    {
        public override void Process(TagHelperContext context, TagHelperOutput output)
        {
            output.TagName = "a";    // Replaces <email> with <a> tag
        }
    }
}

查看/ _ViewImports.cshtml

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@addTagHelper *, AmpWeb

Index.cshtml

<h1>Hello World</h1>
<email>WHY</email>

产量

<h1>Hello World</h1>
<email>WHY</email>

Answer 1

这是一个微妙的问题，但重要的。 问题是这行代码[HtmlTargetElement(Attributes = "email")]

如果将其删除，则可以使用<email>WHY</email>标记来工作。 您也可以将其替换为[HtmlTargetElement("email")]但实际上在这种情况下甚至不需要它，因为框架可以从类EmailTagHelper的名称推断该信息。

通过包含[HtmlTargetElement(Attributes = "email")]您表示您希望通过任何标签上的属性调用标签助手。 因此，调用它将类似于<div email></div>或<span email></span> 。