2017-02-28 9 views
1

私はhttp://www.digitalaholic.com/nodejs-pagination/のejsのコードを持っていて、コンバータを.jadeにしたいのですが、私は試みますが、十分ではなく、動作しません。私はnodejsとexpressjsで働いています、私はヒスイでコードが必要です。私のコードの試みは、ヒスイのコンバータですコンバータコードejs to jade

<div class="container"> 
     <h1>Students</h1> 
     <ul class="list-group"> 
      <% students.forEach(function(student) { %> 
       <li class="list-group-item"><%= student.name %></li> 
      <% }) %> 
     </ul> 
     <% if (pageCount > 1) { %> 
     <ul class="pagination"> 
      <% if (currentPage > 1) { %> 
       <li><a href="/?page=1">&laquo;</a></li> 
      <% } %> 
      <% var i = 1; 
      if (currentPage > 5) { 
       i = +currentPage - 4; 
      } %> 
      <% if (i !== 1) { %> 
       <li class="disabled"><a href="#">...</a></li> 
      <% } %> 
      <% for (i; i<=pageCount; i++) { %> 
       <% if (currentPage == i) { %> 
        <li class="active"><span><%= i %> <span class="sr-only">(current)</span></span></li> 
       <% } else { %> 
        <li><a href="/?page=<%= i %>"><%= i %></a></li> 
       <% } %> 
       <% if (i == (+currentPage + 4)) { %> 
        <li class="disabled"><a href="#">...</a></li> 
       <% break; } %> 
      <% } %> 
      <% if (currentPage != pageCount) { %> 
       <li><a href="/?page=<%= pageCount %>">&raquo;</a></li> 
      <% } %> 
     </ul> 
    <% } %> 
    </div> 

コードのフォローです:

 div(class="container") 
     h1 Students 

     ul(class="list-group") 
      each item in students 
       li(class="list-group-item") item.name 

     if (pageCount > 1) 
      ul(class="pagination") 
       if currentPage > 1 
        li 
         a(href="/?page=1") 
       var i = 1; 
       if currentPage > 5 
        i = +currentPage - 4; 
       if i !== 1 
        li(class="disabled") 
         a(href="#") ... 
       for (var i; i<=pageCount; i++) 
        if currentPage == i 
         li(class="active") 
          span i 
           span(class="sr-only") (current) 
        else 
         li 
          a(href="/?page=<%= i %>") 
          = i 
        if (i == (+currentPage + 4)) 
         li(class="disabled") 
          a(href="#") ... 
         break; 
       if (currentPage != pageCount) 
        li 
         a(href="/?page=<%= pageCount %>") 

答えて

1

「働いていない」されているもの正確に、どのようなHTMLあなたが得るか、どのようなエラー、あなたは何を期待してください。

しかし、今、私が言うことができます。これはEJSでa(href="/?page=<%= pageCount %>")を、これはまた、私は思いますが、あなたは生のJSを渡すことができ、その後のために、ブレークはそれとして働いていない、変換する必要があります。

div(class="container") 
    h1 Students 

    ul(class="list-group") 
     each item in students 
      li(class="list-group-item") item.name 

    if (pageCount > 1) 
     ul(class="pagination") 
      if currentPage > 1 
       li 
        a(href="/?page=1") 
      var i = 1; 
      if currentPage > 5 
       i = +currentPage - 4; 
      if i !== 1 
       li(class="disabled") 
        a(href="#") ... 
      - for (var i; i<=pageCount; i++) 
       if currentPage == i 
        li(class="active") 
         span i 
          span(class="sr-only") (current) 
       else 
        li 
         a(href="/?page=" + i) 
         = i 
       if (i == (+currentPage + 4)) 
        li(class="disabled") 
         a(href="#") ... 
        - break; 
      if (currentPage != pageCount) 
       li 
        a(href="/?page=" + pageCount)