如何让哈巴狗呈现动态车把 css class？

Question

这是我想要的HTML：

<form class="{{cssClass}}" autocomplete="off">
  <img src="{{item.img}}" />
</form>

这是我将其转换为哈巴狗时得到的结果：

form.{{cssClass}}(autocomplete="off")
  img(src="{{item.img}}")

...但这不是有效的 pug 语法，不会解析回 html。

问题是实现此 HTML 输出的正确 pug 语法是什么？

Answer 1

我从来没有用过帕格。但是，通过快速谷歌搜索，我发现这个 GitHub post 说你可以使用属性语法（就像你对图像 src 所做的那样）而不是“.class”来设置 class语法。

一个有效的 Pug 模板应该是：

form(class="{{cssClass}}" autocomplete="off")
    img(src="{{item.img}}")

Pug documentation on Attributes 也演示了 class 以这种方式应用。

How can I get pug to render dynamic handlebars css class?