使用玉石和下划线创建表格

creating a table using jade and underscore

本文关键字：下划线 创建 表格      更新时间：2023-09-26

我想遍历JSON对象数组，并使用下划线和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)

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

这是我的玉石模板

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 %>
            <% }); %>

这是有效的，因为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不知道如何用子项填充原始条目。

相关文章：