web-dev-qa-db-ja.com

htmlを返すカスタムタグヘルパーでタグヘルパーを使用できますか？

最近、タグヘルパー内でタグヘルパーを使用したいという状況に遭遇しました。私は周りを見回しましたが、これを行おうとしている人を見つけることができませんでした。私は貧弱な慣習を使用していますか、それともドキュメントがありませんか？

例タグヘルパーA別のタグヘルパーを含むHTMLを出力します。

例.

[HtmlTargetElement("tag-name")]
public class RazorTagHelper : TagHelper
{
    public override void Process(TagHelperContext context, TagHelperOutput output)
    {
        StringBuilder sb = new StringBuilder();
        sb.Append("<a asp-action=\"Home\" ");
        output.Content.SetHtmlContent(sb.ToString());
    }
}

C＃から<a asp-action> </a>タグヘルパーを処理する方法はありますか？または、タグヘルパーを使用して出力HTMLを再処理しますか？

c#asp.netasp.net-mvcasp.net-core-mvctag-helpers
22
Jacob Linney

いいえ、あなたがすることはできません。 TagHelpersは、Razorの解析時間機能です。

1つの代替方法は、TagHelperを作成し、そのProcessAsync/Processメソッドを手動で呼び出すことです。別名：

var anchorTagHelper = new AnchorTagHelper
{
    Action = "Home",
};
var anchorOutput = new TagHelperOutput("a", new TagHelperAttributeList(), (useCachedResult, encoder) => new HtmlString());
var anchorContext = new TagHelperContext(
    new TagHelperAttributeList(new[] { new TagHelperAttribute("asp-action", new HtmlString("Home")) }),
    new Dictionary<object, object>(),
    Guid.NewGuid());
await anchorTagHelper.ProcessAsync(anchorContext, anchorOutput);
output.Content.SetHtmlContent(anchorOutput);
14
N. Taylor Mullen

これがあなたのシナリオで機能するかどうかはわかりませんが、AnchorTagHelperから継承して、このようにカスタマイズすることは可能です。

public class TestTagHelper : AnchorTagHelper
{
    public TestTagHelper(IHtmlGenerator htmlGenerator) : base(htmlGenerator) { }

    public async override Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
    {
        // Replaces <test> with <a> tag
        output.TagName = "a"; 
        // do custom processing
        output.Attributes.SetAttribute("class", "custom-class");
        // let the base class generate the href 
        // note the base method may override your changes so it may be  
        // preferable to call it first instead of last.
        await base.ProcessAsync(context, output);
    }
}

次に、デフォルトのAnchorTagHelperのすべての組み込み機能を使用して、ビューでこのタグヘルパーを使用できます。

<test asp-action="Index" asp-route-id="5"></test>
5
jag

Asp.netコアの組み込みタグヘルパーを再利用したい場合は、代わりにIHtmlGeneratorを使用できます。他のタイプのタグヘルパーを再利用するために、@ Nよりも単純なオプションは見つかりませんでした。テイラーマレンの答え

Asp-actionタグヘルパーを再利用する方法は次のとおりです。

[HtmlTargetElement("helplink")]
public class RazorTagHelper : TagHelper
{
    private readonly IHtmlGenerator _htmlGenerator;

    public RazorTagHelper(IHtmlGenerator htmlGenerator)
    {
        _htmlGenerator = htmlGenerator;
    }

    [ViewContext]
    public ViewContext ViewContext { set; get; }

    public override void Process(TagHelperContext context, TagHelperOutput output)
    {
        output.TagName = "div";
        output.TagMode = TagMode.StartTagAndEndTag;
        var actionAnchor = _htmlGenerator.GenerateActionLink(
            ViewContext,
            linkText: "Home",
            actionName: "Index",
            controllerName: null,
            fragment: null,
            hostname: null,
            htmlAttributes: null,
            protocol: null,
            routeValues: null
            );
        var builder = new HtmlContentBuilder();
        builder.AppendHtml("Here's the link: ");
        builder.AppendHtml(actionAnchor);
        output.Content.SetHtmlContent(builder);
    }
}
1
Gorgi Rankovski