如何將變量從我的控制器傳遞到 HTML，然后傳遞到 JS 函數？

Question

我的控制器最終呈現這個：

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

在 HTML 中，我可以訪問變量以便將數據直接顯示到 HTML 中。 但是我要做的是將這些變量傳遞給客戶端 JS 函數：

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

我的 webpack 入口點文件說：

'未捕獲的 ReferenceError：myVar1 未定義'

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

Answer 1

您需要通過 Pug 在script標記中在呈現的 HTML 頁面上定義這些變量：

script.
  var myVar1 = #{myVar1};

然后您可以像訪問任何其他 javascript 變量客戶端一樣訪問它們。