标签: tag-helpers

我想创建一个标签助手来在<input>标签之前和之后放置一些 HTML，但我想保留默认asp-for行为并访问ModelExpression数据。

为此，我尝试重写该Microsoft.AspNetCore.Mvc.TagHelpers.InputTagHelper类型，如这篇文章中所述。然而，即使我可以在调试器中验证该Process方法正在被调用PreContent并且PostContent都已被设置，但除了标准标记之外，HTML 中没有显示任何内容<input>。不过，当从头开始为另一个标签创建标签助手时，它工作得很好。

我创建了一个小项目来演示这个问题。我将整个项目放在 GitHub 上，并复制了我在下面尝试创建的特定标签助手。

    [HtmlTargetElement("input", Attributes = "asp-for,test-label")]
    public class TestTagHelper : InputTagHelper
    {
        public TestTagHelper(IHtmlGenerator generator) : base(generator)
        {
        }

        [HtmlAttributeName("test-label")]
        public string Label { get; set; }

        public override void Process(TagHelperContext context, TagHelperOutput output)
        {
            output.PreContent.SetHtmlContent($"<b>{WebUtility.HtmlEncode(Label)}</b> ");
            output.PostContent.SetHtmlContent($" <i>({WebUtility.HtmlEncode(For.Name)})</i>"); // access information from the input tag
            base.Process(context, output);
        }
    }

我错过了一些明显的东西吗？这样做有什么警告吗？或者这是根本无法完成的事情？

我最近更新了Visual Studio forUpdate 3和ASP.Net Core for 1.0.0。

我按照文档中的教程进行操作，并尝试设置使用像这样的区域https://docs.asp.net/en/1.0.0/mvc/controllers/areas.html

但是，生成的链接是http://localhost:2187/?area=Admin，而不是http://localhost:2187/Admin/Home/Index

更新

我的路线：

app.UseMvc(routes =>
            {
                routes.MapRoute(
                    name: "default",
                    template: "{controller=Home}/{action=Index}/{id?}");

                routes.MapRoute(
                    name: "areaRoute",
                    template: "{area}/{controller=Home}/{action=Index}");
            });

怎么了？

解决方案

问题在于答案中提到的路线顺序。

我在一个实例中使用了 asp-route-id：

它从这样的锚标签工作：

<a id="editModal" data-toggle="modal" data-target="#modal_box"
    class="btn btn-sm btn-primary"
    asp-action="Edit" asp-route-id="@user.Id">Edit</a>

并像这样收到：

public async Task<PartialViewResult> DeleteConfirm(string Id) =>
        PartialView("_DeleteConfirm", await _userManager.FindByIdAsync(Id));

此方法接收正确的 id。

下一个示例在表单标签中包含路由 id，如下所示：

<div class="modal-footer">
    <form asp-controller="Account" asp-action="Delete" asp-route-id="@Model.Id" method="post">
        <button type="submit" class="btn btn-primary"
           asp-action="Delete">Yes - Delete this User</button>
        <a asp-action="Index" class="btn btn-default">Cancel</a>
    </form>
</div>

我试图在这里接收 ID：

    [HttpPost]
    public async Task<IActionResult> Delete(string Id)
    {
        AppUser user = await _userManager.FindByIdAsync(Id);
        if (user != null)
        {
            IdentityResult result = await _userManager.DeleteAsync(user);
            if (result.Succeeded)
            {
                return RedirectToAction("Index");
            }
            else
            { …

如何阻止我的 TagHelper 渲染外部标签？

例如我想要类似的东西：

<title>
    <translate>LoginPageTitle</translate>
</title>

...因此标签助手可以从数据库获取翻译并渲染：

<title>Login to Foobar</title>

除了重命名原始标签之外，我根本不知道如何做任何事情，但我根本不需要任何标签。

这是我当前的代码：

public class TranslateTagHelper : TagHelper
{
    public string ResourceSet { get; set; } = "Global";

    public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
    {
        var content = await output.GetChildContentAsync();
        string originalContent = content.GetContent();

        output.Content.SetContent(@DbRes.T(originalContent, ResourceSet)); // Get translation from DB
    }
}