node.js - Jade 内联条件

Question

我正在尝试使用 Jade 模板引擎使数组中除第一个元素之外的所有元素都有一个 CSS 类。

我希望我可以这样做，但没有运气。有什么建议吗？

- each sense, i in entry.senses
  div(class="span13 #{ if (i != 0) 'offset3' }")
    ... a tonne of subsequent stuff

我知道我可以将代码包装如下，但据我了解 Jade 的嵌套规则可以正常工作，我必须复制代码或将其提取到 Mixin 或其他东西中。

- each sense, i in entry.senses
  - if (i == 0)
    .span13
      ... a tonne of subsequent stuff
  - else
    .span13.offset3
      ... identical subsequent stuff

有更好的方法吗？

Answer 1

您可以这样做:

- each sense, i in entry.senses
  - var klass = (i === 0 ? 'span13' : 'span13 offset3')
  div(class=klass)
    ... a tonne of subsequent stuff