2017-09-29 23 views
0

嘿所以我用把手分页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 

,读它,但它也显示不出来。 如何将这个变量注入到我的分页url?

回答

0

所以实际上为了做到这一点,我不得不创建一个把手帮手,然后使用它。 所以这是我的助手:

Handlebars.registerHelper("getCategory", function (f){ 

        return '/blog/category/'+currentCategory + '/' + f; 
       }); 

的(F)也不过只是为了它的工作!并获得正确的链接。 然后在视图上我用它简单:

href="{{getCategory n}}"