Вложенный ASP.NET-Core ASP TagHelper

Я немного новичок в разработке приложений ASP Core. У меня есть страница, на которой я много ввожу.

<div class="form-group">
   <label asp-for="Animal.Name"></label>
   <input asp-for="Animal.Name" class="form-control" />
   <span asp-validation-for="Animal.Name" class="text-danger"></span>
</div>

<div class="form-group">
   <label asp-for="Animal.Age"></label>
   <input asp-for="Animal.Age" class="form-control" />
   <span asp-validation-for="Animal.Age" class="text-danger"></span>
</div>

И так далее. Я хочу добиться с TagHelpers чего-то вроде этого:

<input-helper value="Animal.Name" />
<input-helper value="Animal.Age" />

Которые дают тот же результат, что и верхний. Могу я как-нибудь это сделать?


html c# asp.net-core tag-helpers
person totesz09    schedule 19.08.2020    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Согласно вашему описанию, я предлагаю вам использовать IHtmlGenerator для генерации кодов помощников по тегам _2 _, _ 3 _, _ 4_.

Более подробную информацию вы можете найти в кодах ниже:

Помощник тега:

using Microsoft.AspNetCore.Mvc.Rendering;
using Microsoft.AspNetCore.Mvc.ViewFeatures;
using Microsoft.AspNetCore.Razor.TagHelpers;
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Threading.Tasks;

namespace SecurityRelatedIssue
{
    [HtmlTargetElement("input-helper")]
    public class inputhelper : TagHelper
    {
        [HtmlAttributeName("asp-for")]
        public ModelExpression For { get; set; }

        private readonly IHtmlGenerator _generator;

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

        public inputhelper(IHtmlGenerator generator)
        {
            _generator = generator;
        }

        public override void Process(TagHelperContext context, TagHelperOutput output)
        {
            using (var writer = new StringWriter())
            {
                writer.Write(@"<div class=""form-group"">");

                var label = _generator.GenerateLabel(
                                ViewContext,
                                For.ModelExplorer,
                                For.Name, null,
                                new { @class = "control-label" });

                label.WriteTo(writer, NullHtmlEncoder.Default);

                var textArea = _generator.GenerateTextBox(ViewContext,
                                    For.ModelExplorer,
                                    For.Name,
                                    For.Model,
                                    null,
                                    new { @class = "form-control" });

                textArea.WriteTo(writer, NullHtmlEncoder.Default);

                var validationMsg = _generator.GenerateValidationMessage(
                                        ViewContext,
                                        For.ModelExplorer,
                                        For.Name,
                                        null,
                                        ViewContext.ValidationMessageElement,
                                        new { @class = "text-danger" });

                validationMsg.WriteTo(writer, NullHtmlEncoder.Default);

                writer.Write(@"</div>");

                output.Content.SetHtmlContent(writer.ToString());

            }

        }
    }
}

Зарегистрируйте помощник тега в _ViewImports.cshtml

@addTagHelper *,{yourapplicationnamespace}

Использование:

<input-helper asp-for="@Model.str" ></input-helper>

Результат:

введите описание изображения здесь

person Brando Zhang    schedule 19.08.2020