如何将变量从我的控制器传递给 HTML，然后传递给 JS 函数？答案

【问题标题】：How to pass a variable from my controller, to the HTML, then to a JS function?如何将变量从我的控制器传递给 HTML，然后传递给 JS 函数？
【发布时间】：2020-02-14 15:08:34
【问题描述】：

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

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

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

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

我的 webpack 入口点文件说：

'Uncaught ReferenceError: myVar1 is not defined'

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

【问题讨论】：

你在使用{ title: '${title}', myVar1, myVar2 }之前定义了这些myVar1, myVar2吗？
是的，它们是来自 mongodb 的返回值的查询。我可以在 html 中显示它们只是不能将它们传递给 js 函数
这能回答你的问题吗？ How to pass a Node.js variable to the inside of a Pug script tag?

标签： javascript node.js mongodb express pug

【解决方案1】：

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

script.
  var myVar1 = #{myVar1};

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

【讨论】：

请不要发布已经回答的问题的答案，将它们标记为重复。
@Graham 已搜索重复但未找到。感谢您添加它。