Jade/Pug - 附加到类名

Question

您好，我在一个对象中有一个唯一的 id，我想将它附加到一个类名中。我正在尝试执行以下操作，但它不起作用：

我的玉文件：

.googleChartContainer-#{attendanceAnalytics.uid}

myRoute.js：

res.render('./edu/school_dashboard_elementary', { attendanceAnalytics:attendanceChart });

我想我可以在我的路由中创建一个类名并将其作为变量发送，例如：

var className = '.googleChartContainer-attendanceChart.uid}';
res.render('./edu/school_dashboard_elementary', { attendanceAnalytics:attendanceChart, attendanceClassName:className });

然后在jade文件中：

#{attendanceClassName} //- output is .googleChartContainer-someUid?

我想知道是否有办法让第一种方法正常工作，或者是否有另一种首选方法。

谢谢！

Answer 1

你有两个选择。您可以使用字符串以 JavaScript 方式执行此操作，例如：

div(id=attendanceAnalytics.uid, class='googleChartContainer-' + attendanceAnalytics.uid)

或者您创建一个包含键和值的 JavaScript 对象，以将它们与典型的翡翠属性 div&attribute(object) 一起使用，如下所示：

- var attr = {"id": attendanceAnalytics.uid, "class": 'googleChartContainer-' + attendanceAnalytics.uid}
div&attribute(attr)

查看 JadeLang 文档，chapter attributes。