Jade有条件（如果/其他）将类添加到div内联

有没有办法在翡翠模板中内联？

if(typeof fromEdit != 'undefined')
   div#demo.collapse.in
else
   div#demo.collapse

想要执行此条件检查“内联”，如果fromEdit存在，则结果会将.in添加到div的末尾。

这有效：

div#demo.collapse(class=typeof fromEdit === "undefined" ? "" : "in")

在这里尝试。

如果您不希望在没有值的情况下添加class属性，则可以为它分配未定义的值，而不是空字符串。这是前面的示例，稍作修改：

div#demo.collapse(class=typeof fromEdit === "undefined" ? undefined : "in")

更新：另外，如果您使用的是pug，那么现在可以在class=不同的条件下根据需要添加任意数量的声明，它们将被串联在结果类属性中。例如：

#demo.collapse(class=cond1 && 'class1' class=cond2 && 'class2')

如http://jade-lang.com/reference/attributes/所述：

类属性[...]也可以是将类名称映射为true或false的对象，这对于应用条件类很有用

该任务还可以通过以下方式完成：

div#demo.collapse(class={ in: typeof fromEdit != 'undefined' })

尽管它在这里不起作用http://naltatis.github.com/jade-syntax-docs/（我认为他们需要更新某些东西），但是它可以与jade@1.11.0一起使用。

在pug 2中，您可以使用以下语法：

div#demo(class="collapse", class={"in": typeof fromEdit !== 'undefined'}) Home page

更多内容请参见：https : //pugjs.org/language/attributes.html

虽然是一个老问题，但我发现由于Pug包含内置的对象存在检测，因此以下工作有效：

div#demo.collapse(class=fromEdit? 'in':undefined)

如果不明显，则检查是否fromEdit存在，是否确实in作为类输入，否则将类留空。