繁体   English   中英

车把分页添加自定义链接

[英]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">&laquo;</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">&lsaquo;</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">&rsaquo;</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">&raquo;</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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM