[英]Handlebars pagination adding custom links
嘿,所以我正在使用车把分页https://github.com/olalonde/handlebars-paginate
对于我的后端,我正在像这样配置
pagination: {
page: page,
pageCount: pages.length,
active: true,
category:currentCategory
}
在前端,我会这样阅读:
<div class="paginator">
<div class="btn-group" role="group" aria-label="...">
<nav aria-label="Page navigation">
<ul class="pagination">
{{#paginate pagination type="first"}}
<li class="page-item{{#if disabled}} disabled{{/if}}">
<a class="page-link" href="/blog/category/{{{pagination.category}}}/{{n}}" aria-label="First">
<span aria-hidden="true">«</span>
<span class="sr-only">First</span>
</a>
</li>
{{/paginate}}
{{#paginate pagination type="previous"}}
<li class="page-item{{#if disabled}} disabled{{/if}}">
<a class="page-link" href="/blog/category/all/{{n}}" aria-label="Previous">
<span aria-hidden="true">‹</span>
<span class="sr-only">Previous</span>
</a>
</li>
{{/paginate}}
<!--{{#paginate pagination type="middle" limit="6"}}-->
<!--<li class="page-item">-->
<!--<a class="page-link{{#if disabled}} disabled{{/if}}"-->
<!--href="/blog/category/all/{{n}}">{{n}}</a>-->
<!--</li>-->
<!--{{/paginate}}-->
{{#paginate pagination type="middle" limit="7"}}
<li {{#if active}}class="active" {{/if}}> <a class="page-link" href="/blog/category/all/{{n}}">{{n}}</a>
</li>
{{/paginate}}
{{#paginate pagination type="next"}}
<li class="page-item{{#if disabled}} disabled{{/if}}">
<a class="page-link" href="/blog/category/all/{{n}}" aria-label="Next">
<span aria-hidden="true">›</span>
<span class="sr-only">Next</span>
</a>
</li>
{{/paginate}}
{{#paginate pagination type="last"}}
<li class="page-item{{#if disabled}} disabled{{/if}}">
<a class="page-link" href="/blog/category/all/{{n}}" aria-label="Last">
<span aria-hidden="true">»</span>
<span class="sr-only">Last</span>
</a>
</li>
{{/paginate}}
</ul>
</nav>
</div>
</div>
我的问题在这里:
当我尝试将此变量注入到分页的url时,它永远不会显示。 我尝试使用{{}}和三个卷曲的{{{}}},但它从未出现过。 我还尝试在后端进行类似处理:
pagination: {
page: page,
pageCount: pages.length,
active: true,
},
category:currentCategory
并阅读,但也不会显示。 如何将这个变量注入我的分页网址?
因此,实际上,为了做到这一点,我必须创建一个把手助手,然后再使用它。 所以这是我的帮手:
Handlebars.registerHelper( "getCategory", function (f){
return '/blog/category/'+currentCategory + '/' + f;
});
(f)只是为了使它起作用而已! 并正确获取链接。 然后在视图上,我使用它很简单:
href="{{getCategory n}}"
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.