Jade / Pug - 附加到班级名称

时间:2016-07-04 02:44:22

标签: node.js express pug

你好我在一个对象中有一个唯一的id,我想把它附加到一个类名。我正在尝试做类似以下的事情,但它不起作用:

myJadeFile:

.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 });

然后在玉文件中:

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

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

谢谢!

1 个答案:

答案 0 :(得分:1)

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

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

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

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

查看JadeLang文档,chapter attributes