Jade模板渲染标签无序答案

【问题标题】：Jade template rendering tags without orderJade模板渲染标签无序
【发布时间】：2012-03-02 10:45:59
【问题描述】：

我有这个jade 文件：

- if (transactions != undefined)
    table
        th Site Name
        th Deadline
        th Delete Transaction

        each item in transactions
            tr
                td= item.item_name
                td
                    span(id='countdown'+item.timeout)= item.timeout
                td
                    span(style='cursor: pointer;', onclick='deleteTransaction('+item.uniqueId+')')= "X"

        button(id='confirmButton', onclick='confirm();', value="Confirm", name="Confirm")= "Confirm"

我的问题很简单：在渲染所有这些东西时，jade 编译器会渲染表格顶部的按钮，我希望它在表格显示后渲染。我再次搜索了文档，但在那里我找不到任何感兴趣的东西。有人可以帮我吗？

谢谢

【问题讨论】：

标签： node.js pug

【解决方案1】：

您的缩进使得button 将在table 内。 “去凹痕”它向左一步，你应该没问题：

- if (transactions != undefined)
    table
        th Site Name
        th Deadline
        th Delete Transaction

        each item in transactions
            tr
                td= item.item_name
                td
                    span(id='countdown'+item.timeout)= item.timeout
                td
                    span(style='cursor: pointer;', onclick='deleteTransaction('+item.uniqueId+')')= "X"

    button(id='confirmButton', onclick='confirm();', value="Confirm", name="Confirm")= "Confirm"

【讨论】：

谢谢。我深深陷入了这个问题，试图找出循环编译出了什么问题，以至于我什至没有看到那个tab。