有没有办法将渲染变量从 pug 模板传递到客户端 JS 文件？

Question

我正在使用 Node.js、Express 和 Pug 模板制作一个小项目。我使用 res.render('template', {processedData}); 传递数据到 pug 模板，其中我有两个使用 Chart.js 创建的图表。我需要将一些数据从processedData变量传递到客户端JS文件，以便配置Chart.js图表或找到解决方法来实现我想要的。

到目前为止，我已经尝试用纯 JS 代码编写图形配置，因为您可以通过在代码前编写“-”或使用“脚本”来实现。 tag，但到目前为止这些方法似乎不起作用。 :|

Answer 1

为此，您必须使用 JSON.stringify 转换对象。

script.
    var processedData = !{JSON.stringify(processedData)}

或

window.processedData = !{JSON.stringify(processedData)}

，这使您可以进行全球访问。