javascript - 使用 jade 和下划线创建表格

Question

我想迭代 JSON 对象数组并使用下划线和 jade 创建一个表但我的 Jade 模板向我抛出以下错误，并且我无法找到任何资源来修复它。

  Error: /home/kseguy/node_projects/prwrite/views/dashboard/index.jade:69
    67|               script(type="text/template" ,id="data-table")
    68|                 <% _.each(article,function(article){ %> 
  > 69|                     tr
    70|                       td  <%= article.ProjectName %>                              
    71|                       td  <%= article.Date %>                              
    72|                       td  <%= article.Status %>                               

unexpected token "indent"
    at Parser.parseExpr (/home/kseguy/node_projects/prwrite/node_modules/jade/lib/parser.js:252:15)
    at Parser.block (/home/kseguy/node_projects/prwrite/node_modules/jade/lib/parser.js:707:25)
    at Parser.tag (/home/kseguy/node_projects/prwrite/node_modules/jade/lib/parser.js:816:24)
    at Parser.parseTag (/home/kseguy/node_projects/prwrite/node_modules/jade/lib/parser.js:737:17)
    at Parser.parseExpr (/home/kseguy/node_projects/prwrite/node_modules/jade/lib/parser.js:211:21)
    at Parser.block (/home/kseguy/node_projects/prwrite/node_modules/jade/lib/parser.js:707:25)
    at Parser.tag (/home/kseguy/node_projects/prwrite/node_modules/jade/lib/parser.js:816:24)
    at Parser.parseTag (/home/kseguy/node_projects/prwrite/node_modules/jade/lib/parser.js:737:17)
    at Parser.parseExpr (/home/kseguy/node_projects/prwrite/node_modules/jade/lib/parser.js:211:21)
    at Parser.block (/home/kseguy/node_projects/prwrite/node_modules/jade/lib/parser.js:707:25)

如何调试该问题？我已经尝试使用 sublime text 将缩进转换为制表符和空格，但到目前为止没有成功。

这是我的 Jade 模板

tbody      
          script(type="text/template" ,id="data-table")
            <% _.each(article,function(article){ %> 
             tr
              td  <%= article.ProjectName %>                              
              td  <%= article.Date %>                              
              td  <%= article.Status %>                               
              td  <%= article.Url %>
            <% }); %>    

Answer 1

这确实有效，因为 jade 将以 < 开头的内容视为常规文本。但你必须小心，因为他们不可能有 child ，所以他们下面的线不能进一步缩进。

这是一个带有正常注释的 Jade 测试，然后您可以将其替换为下划线

 // http://jsfiddle.net/smwpvngc/2/
 <template>
 script  
   <!-- each -->  
   tr
     td <!-- col1 -->
     td <!-- col2 -->
     td <!-- col3 -->
   <!-- close each -->
 </template>

输出:

<script> 
<!-- each --> <tr><td><!-- col1 --></td><td><!-- col2 --></td>
<td><!-- col3 --></td></tr><!-- close each --></script>

如果我在 tr 之前添加额外的空格，我还会收到缩进错误，因为 jade 不知道如何用子项填充原始条目。