javascript - 如何将变量从我的控制器传递给 HTML,然后传递给 JS 函数?
问题描述
我的控制器最终呈现这个:
res.render('my-html', { title: `${title}`, myVar1, myVar2 });
在 HTML 中,我可以访问变量以便将数据直接显示到 HTML 中。但我想做的是将这些变量传递给客户端 JS 函数:
function myClientSideFunction(myVar1) {
console.log(myVar1)
};
我的 webpack 入口点文件说:
'未捕获的 ReferenceError: myVar1 未定义'
如果该信息有帮助,我正在使用 Pug/Jade。
解决方案
您需要script
通过 Pug 在标签中定义呈现的 HTML 页面上的这些变量:
script.
var myVar1 = #{myVar1};
然后,您可以像访问任何其他 javascript 变量客户端一样访问它们。
推荐阅读
- python - 如何阻止 Kivy 在 RecycleView 中自动选择模数项?
- arrays - 在 Swift 中的 for 循环中存储新数组
- python - 如何在python中的字典中搜索多个值?
- reactjs - 如何在 reactJS 环境中查找、添加、删除 MongoDB 中的数据库条目
- oracle - oracle 中的多个 SID
- sql - 获得在sql中完成的所有计数总和的正确方法
- ruby-on-rails - RAILS - 强制在 ActiveRecord 模型中用于 .save 和 .update 的条件
- laravel - 在 Laravel 中找不到验证请求类
- javascript - 使用引导程序设置我的导航栏及其子项的链接
- python - 我不断收到错误消息,说我的类名未在 python 中定义