Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jade和下划线创建表_Javascript_Underscore.js_Pug - Fatal编程技术网

Javascript 使用jade和下划线创建表

Javascript 使用jade和下划线创建表,javascript,underscore.js,pug,Javascript,Underscore.js,Pug,我想遍历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

我想遍历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)
错误:/home/kseguy/node_projects/prwrite/views/dashboard/index.jade:69
67 |脚本(type=“text/template”,id=“data table”)
68|                  
>69 | tr
70 | td
71 | td
72 | td
意外标记“缩进”
在Parser.parsexpr(/home/kseguy/node_projects/prwrite/node_modules/jade/lib/Parser.js:252:15)
在Parser.block(/home/kseguy/node_projects/prwrite/node_modules/jade/lib/Parser.js:707:25)
在Parser.tag(/home/kseguy/node_projects/prwrite/node_modules/jade/lib/Parser.js:816:24)
在Parser.parseTag(/home/kseguy/node_projects/prwrite/node_modules/jade/lib/Parser.js:737:17)
在Parser.parsexpr(/home/kseguy/node_projects/prwrite/node_modules/jade/lib/Parser.js:211:21)
在Parser.block(/home/kseguy/node_projects/prwrite/node_modules/jade/lib/Parser.js:707:25)
在Parser.tag(/home/kseguy/node_projects/prwrite/node_modules/jade/lib/Parser.js:816:24)
在Parser.parseTag(/home/kseguy/node_projects/prwrite/node_modules/jade/lib/Parser.js:737:17)
在Parser.parsexpr(/home/kseguy/node_projects/prwrite/node_modules/jade/lib/Parser.js:211:21)
在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 %>
            <% }); %>    
t车身
脚本(type=“text/template”,id=“数据表”)
tr
运输署
运输署
运输署
运输署

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

下面是一个带有普通注释的jade测试,您可以用下划线替换它

 // http://jsfiddle.net/smwpvngc/2/
 <template>
 script  
   <!-- each -->  
   tr
     td <!-- col1 -->
     td <!-- col2 -->
     td <!-- col3 -->
   <!-- close each -->
 </template>
//http://jsfiddle.net/smwpvngc/2/
剧本
tr
运输署
运输署
运输署
输出:

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


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

你必须表现得好像很抱歉,我没有看到脚本是一个模板,然后感谢,起初有点难理解,但我现在明白了。@Bazinga777独立层可以非常强大,但是如果你不需要独立的阶段,它们是相当复杂的。通常情况下,每个模板只使用一种模板格式,并像任何其他函数一样传递已编译的模板。例如: