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

Posted 2023-02-21

【中文标题】Pug (Jade) 动态添加属性内联的存在

【英文标题】：Pug (Jade) add presence of attribute inline dynamically

【发布时间】：2018-02-16 17:10:15

【问题描述】：

根据变量，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;' : ''
)

我们怎样才能有一个取决于条件的属性？

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

【参考方案1】：

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

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

或者，如果您想变得非常花哨，you could use a mixin，但这可能比需要的更繁重。

【讨论】：

谢谢！虽然我已经有了更好的方法 -set false 而不是 if '' pugjs.org/language/attributes.html#boolean-attributes