2017-09-29 22 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}}"