javascript - jade 中的迭代循环无法正确呈现数据

Question

我在 jade 中有一个表，它将通过 express ( res.render('index', {classes: results}) ) 动态生成:

table
  tr
    th Title
    th School
    th Description
- if (classes.length) {
- classes.forEach(function(aClass) {
  tr
    td= aClass.title
    td= aClass.school
    td= aClass.desc
- });}

但是，当我渲染它时，数据显示为一团乱码。查看 HTML 源代码会发现 </table>标记之前 classes 中的内容.我该如何解决这个问题？

Answer 1

你几乎明白了 - jade 在这里很挑剔。创建迭代循环时，您需要确保 JavaScript 与数据缩进到同一级别:

table
  tr
    th Title
    th School
    th Description
  - if (classes.length) {
  - classes.forEach(function(aClass) {
  tr
    td= aClass.title
    td= aClass.school
    td= aClass.desc
  - });}

如果这让您内心的编码员对代码风格感到畏缩，我同意您的看法。然而，事情就是这样。或者，您可以使用 jade 的 each ( documented here )

table
  tr
    th Title
    th School
    th Description
  - if (classes.length) {
  each aClass in classes
    tr
      td= aClass.title
      td= aClass.school
      td= aClass.desc
  - }

同样，这看起来有点不稳定，但却是迭代的最佳方式。