Question

我在cshtml文件中有以下方法。它只是扩展为两个label元素。第一个是普通的label元素。但是，第二个使用标签帮助器：

async Task field(string str)
{
    <label for="@str">@str</label>

    <label asp-for="@str">@str</label>
}

这是我在cshtml文件中定义它以及如何对其进行一次调用的方式：

@{ 
    {
        async Task field(string str)
        {
            <label for="@str">@str</label>

            <label asp-for="@str">@str</label>
        }

        await field("abc");
    }
}

如果我“查看结果”，会看到以下内容：

<label for="abc">abc</label>
<label for="str">abc</label>

请注意，@str参数在第一种情况下已正确传递和使用，但在第二种情况下未正确使用。因此，在此处将参数传递给tag-helper变体似乎存在问题。

关于如何解决此问题的任何建议？

Answer 1

我认为该参数已成功传递给tag-helper变量。但是，标签asp-for属性将被呈现为具有asp-for ModelExpression名称值（str）而不是ModelExpression模型值（abc）的for属性。

根据label taghelper source codes，您可以发现标签帮助程序将调用Generator.GenerateLabel方法来生成标签标签html内容。

Generator.GenerateLabel有五个参数，第三个参数表达式用于生成标签的for属性。

 var tagBuilder = Generator.GenerateLabel(
        ViewContext,
        For.ModelExplorer,
        For.Name,
        labelText: null,
        htmlAttributes: null);

如果要显示for属性的str值，则应创建一个自定义标签labeltaghelper。

更多详细信息，您可以参考以下代码：

[HtmlTargetElement("label", Attributes = "asp-for")]
public class ExtendedAspForTagHelper:LabelTagHelper
{
    public ExtendedAspForTagHelper(IHtmlGenerator generator)
        : base(generator)
    {
    }
    public override int Order => -10000;


    //public override void Process(TagHelperContext context, TagHelperOutput output)
    //{
    //    base.Process(context, output);



    //    if (!output.Attributes.TryGetAttribute("maxlength", out TagHelperAttribute maxLengthAttribute))
    //    {
    //        return;
    //    }



    //    var description = $"Only <b>{maxLengthAttribute.Value}</b> characters allowed!";
    //    output.PostElement.AppendHtml(description);
    //}
    public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
    {
        if (context == null)
        {
            throw new ArgumentNullException(nameof(context));
        }




        if (output == null)
        {
            throw new ArgumentNullException(nameof(output));
        }




        var tagBuilder = Generator.GenerateLabel(
            ViewContext,
            For.ModelExplorer,
            For.Model.ToString(),
            labelText: null,
            htmlAttributes: null);




        if (tagBuilder != null)
        {
            output.MergeAttributes(tagBuilder);




            // Do not update the content if another tag helper targeting this element has already done so.
            if (!output.IsContentModified)
            {
                // We check for whitespace to detect scenarios such as:
                // <label for="Name">
                // </label>
                var childContent = await output.GetChildContentAsync();
                if (childContent.IsEmptyOrWhiteSpace)
                {
                    // Provide default label text (if any) since there was nothing useful in the Razor source.
                    if (tagBuilder.HasInnerHtml)
                    {
                        output.Content.SetHtmlContent(tagBuilder.InnerHtml);
                    }
                }
                else
                {
                    output.Content.SetHtmlContent(childContent);
                }
            }
        }
    }
}

在_ViewImports.cshtml

@addTagHelper *,[yournamespace]

结果：

扩展为标签助手的方法

1 个答案: