在 Jade/Pug 中创建动态类答案

【问题标题】：Creating Dynamic Classes in Jade/Pug在 Jade/Pug 中创建动态类
【发布时间】：2016-12-16 18:15:03
【问题描述】：

我正在尝试将动态类添加到玉模板。像这样：

- var obj = {a: 1, b: 2, c: 3};
- var len = Object.keys(obj).length;

.abc-#{len}

但编译器对此表示例外：

  > 4| .abc-#{len}
------------^

Unexpected token `interpolation` expected `text`, `interpolated-code`, `code`, `:`, `slash`, `newline` or `eos`

我已经尝试了我能想到的一切。一直在淘https://pugjs.org/language/interpolation.html。真的会用手。

谢谢。

【问题讨论】：

【解决方案1】：

您也可以使用 ES6 模板文字。例如

div(class=`static_${dynamic_variable}`

在你的情况下：

div(class=`abc-${len}`)

玩得开心。

【讨论】：

【解决方案2】：

你可以这样做：

div(class="abc-"+len)

属性自动中断，更多关于attributes

【讨论】：