Question

我正在尝试使用必须由自定义TagHelper建立的特殊标记将列出的项目分为页面

我有一个类来保存要处理的页面和项目的数据

    namespace SportWeb.Models.ViewModels
{
    public class PagingInfo
    {
        public int TotalItems { get; set; }
        public int ItemsPerPage { get; set; }
        public int CurrentPage { get; set; }
        public int TotalPages { get { return (int)Math.Ceiling((decimal)TotalItems / ItemsPerPage); } }
    }
}

我将其包装在另一个modelviewdata中

namespace SportWeb.Models.ViewModels
{
    public class ProductListViewModel
    {
        public IEnumerable<Product> Products { get; set; }
        public PagingInfo PagingInfos { get; set; }
    }
}

然后将其插入Controller类以检索数据并建立逻辑

    public class ProductController : Controller
    {
        private IProductRepository _iProductRepository;
        int PageSize = 4;
        public ProductController(IProductRepository iProductRepository)
        {
            _iProductRepository = iProductRepository;
        }
        public IActionResult List(int itemPage = 1) => View(new ProductListViewModel 
                { Products = _iProductRepository
                   .List.OrderBy(p => p.ProductID)
                   .Skip((itemPage - 1) * PageSize)
                   .Take(PageSize),

                   PagingInfos = new PagingInfo { 
                     CurrentPage = itemPage, 
                     ItemsPerPage = PageSize, 
                     TotalItems= _iProductRepository.List.Count()} });

    }
}

并创建我的TagHelper类

namespace SportWeb.InfraSturcture
{
    [HtmlTargetElement("div", Attributes = "page-model")]
    public class PageLinkTagHelper :TagHelper
    {
        private IUrlHelperFactory _iUrlHelperFactory;
        public PageLinkTagHelper(IUrlHelperFactory iUrlHelperFactory)
        {
            _iUrlHelperFactory = iUrlHelperFactory;
        }
        [ViewContext]
        [HtmlAttributeNotBound]
        public ViewContext ViewContext { get; set; }
        public PagingInfo PageModel { get; set; }
        public string PageAction { get; set; }

        public override void Process(TagHelperContext context, TagHelperOutput output)
        {
            IUrlHelper urlHelper = _iUrlHelperFactory.GetUrlHelper(ViewContext);
            TagBuilder result = new TagBuilder("div");
            for (int i=1; i<PageModel.TotalPages; i++)
            {
                TagBuilder tag = new TagBuilder("a");
                tag.Attributes["href"] = urlHelper.Action(PageAction, new { itempPage = i });
                tag.InnerHtml.Append(i.ToString());
                result.InnerHtml.AppendHtml(tag);
            }
            output.Content.AppendHtml(result.InnerHtml);
        }
    }
}

这是查看页面代码

    ViewData["Title"] = "List";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@model ProductListViewModel
@addTagHelper SportWeb.InfraStructure.*,SportStore

<h1>List</h1>

@foreach (var p in Model.Products)
{
    <div>
        <h3>@p.Name</h3>
        @p.Description
        <h4>@p.Price.ToString("c")</h4>
    </div>
}
<div page-model="@Model.PagingInfos" page-action="List"></div>

下面的ViewImport代码

@using SportWeb.Models
@using SportWeb.Models.ViewModels
@using SportWeb.Entity
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@addTagHelper SportWeb.InfraStructure.*, SportWeb

但是当程序运行时，页面上没有出现导航面板 Here navigation panel is not appearing

当我打开页面源代码时，似乎Tag helper不起作用，代码未添加创建的标签。

source page

我不明白为什么我的标签助手根本不起作用。您对我在哪里犯错误有任何想法吗？

编辑：我正在使用CORE 3.0功能。会导致这个问题吗？

Answer 1

我试图重现您的情况，但它有效。我尝试使用NET Core 2.2和Visual Studio 2017 15.9.11以及使用Visual Studio 2019 16.0.3的.NET Core 3.0 Preview 5。

问题很可能出在您这边。尝试进行故障排除。首先检查是否完全执行了标签助手。在ng-lazyload-image中的Process()方法中放置一个断点。查看它在运行应用程序时是否被击中。

仔细检查您是否正确添加了标签助手。正确添加的标记帮助程序将具有Visual Studio IntelliSense，如下所示：

Answer 2

@addTagHelper *，SportWeb，这是问题的答案，将其写入ViewImport

“ TagHelper”不会在创建的html标记中创建元素

2 个答案: