Pug (Jade) 动态添加内联属性

Question

根据变量的不同，style 属性可以存在也可以不存在。

label(for='ff' 
  class='ff1' 
  varFlag != undefined ? eval(style= 'letter-spacing: -5px;') : eval('')
)

-- 那是行不通的。并且下面的代码添加了空样式，这是不可接受的：

label(for='ff' 
  class='ff1' 
  style= varFlag != undefined ? 'letter-spacing: -5px;' : ''
)

我们如何根据条件获得属性？

检查了类似的问题 - 没有发现任何相关问题。

Answer 1

一种方法是为该场景设置两个单独的元素：

if !varFlag
  label(for='ff' class='ff11')
else 
  label(for='ff' class='ff1' style="letter-spacing: -5px")

或者，如果你真的想玩得花哨，you could use a mixin，但这可能比需要的更繁重。

Pug (Jade) add presence of attribute inline dynamically