javascript - NODE.JS 访问 EJS 模板中的函数

Question

我有一个 script.js 文件，其中包含一个我想在 EJS 模板中访问的函数。

在模板中我包含了一个 header ，在 header 中我添加了一个与scripts.js相关的脚本

<script src="/scripts/scripts.js" type="text/javascript"></script> 

我通过 console.log("test") 对其进行了测试，当调用模板时，我看到控制台中出现了“test”。

当我尝试在 EJS 模板中调用实际函数 (verify_data) 时，出现错误 verify_data 未定义。EJS 中的错误代码如下所示:

<p><em>Submited By <%= verify_data(results.user.username) %></em></p>

该函数检查传递的参数是否为空/未定义，如果是，则返回数据，否则返回“n/a”字符串。

如何在 EJS 模板中直接访问 JS 函数？

谢谢

Answer 1

假设您没有使用 SPA 框架，则需要添加一个标签，该标签将被函数替换或包含您要存储的数据。

看看这段代码

<p><em>Submited By <span id='userData'></span></em></p>

<script>
//This is the script.js
function verify_data(userName) {
  return `My data with '${userName}'`;
}
</script>

<script>
  let data = verify_data("EleFromStack"); // assuming <%=results.user.username%> = "EleFromStack"
  document.querySelector("#userData").textContent = data;
</script>