将代码 ejs 转换为玉答案

【问题标题】：converter code ejs to jade将代码 ejs 转换为玉
【发布时间】：2017-02-28 20:54:04
【问题描述】：

我在 http://www.digitalaholic.com/nodejs-pagination/ 的 ejs 中有代码，并且想要转换器到 .jade，我尝试但还不够，无法正常工作。我在nodejs和expressjs中工作，我需要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 %>")

【问题讨论】：

标签： html pug ejs

【解决方案1】：

请准确说明什么是“不工作”，你得到什么 HTML，什么错误，你期望什么。

但是现在，我可以说：a(href="/?page=<%= pageCount %>") 这是 EJS，这也应该被转换，然后 for 和 break 不能像我想的那样工作，但你可以传递原始 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)

【讨论】：