pug - 在 Jade 模板中转义 if/else

Question

所以我的 jade 模板中有一个带有循环的简单 html block :

  each dude, i in dudes
    div(class='someClass')
      div.otherStuff
        span.someContent #{name}

我想在满足某个循环条件时将数据属性应用于最顶层的 div，在这种情况下是第一个家伙，我这样设置

  each dude, i in dudes
     if i == 0
       div(class='someClass, data-someAttr='first dude')
     else
       div(class='someClass')
          div.otherstuff
            span.someContent

这样设置会导致 div.otherStuff div 和 span.someContent 仅在 else 条件下显示。我已经移动了这些项目上的制表符空间，但我无法让它转义，并将 div.otherStuff 和 span.someContent 给第一个家伙以及之后的后续人员。我也试过将该数据属性设置为一个变量并尝试以这种方式应用它，但没有成功。

为了解决这个问题，我最终要做的是:

  each dude, i in dudes
     if i == 0
       div(class='someClass, data-someAttr='first dude')
          div.otherstuff
          span.someContent
     else
       div(class='someClass')
          div.otherstuff
            span.someContent

如何转义 if/else，这样我就不必复制 div.otherStuff 和 span.someContent？

Answer 1

你需要做的:

each dude, i in dudes
   div(class='someClass', data-someAttr=(i==0) ? 'first dude' : '')
      div.otherstuff
        span.someContent

所以如果i == 0 ，Jade 将呈现您的 div与 data-someAttr设置为 'first dude' , 如果 i != 0 , 表达 应该 呈现你的 div与 data-someAttr设置为 ""，但是，Jade 是这里的聪明人，如果它的值为空字符串或 undefined，则根本不会设置该属性或 null .

希望对你有用。