首页 > 解决方案 > 如何将变量从我的控制器传递给 HTML,然后传递给 JS 函数?

问题描述

我的控制器最终呈现这个:

res.render('my-html', { title: `${title}`, myVar1, myVar2 });

在 HTML 中,我可以访问变量以便将数据直接显示到 HTML 中。但我想做的是将这些变量传递给客户端 JS 函数:

function myClientSideFunction(myVar1) {
   console.log(myVar1)
};

我的 webpack 入口点文件说:

'未捕获的 ReferenceError: myVar1 未定义'

如果该信息有帮助,我正在使用 Pug/Jade。

标签: javascriptnode.jsmongodbexpresspug

解决方案


您需要script通过 Pug 在标签中定义呈现的 HTML 页面上的这些变量:

script.
  var myVar1 = #{myVar1};

然后,您可以像访问任何其他 javascript 变量客户端一样访问它们。


推荐阅读