javascript - 如何在 HTML 属性中使用 EJS？

Question

我有以下两种情况，我想在 HTML 属性中使用 EJS 标记。

情况1：

<input
   style="background-image: url(<%= img.URL %>)"
/>

案例二：

<input
    onchange="handleCheckboxChange(<%= img.URL %>)"
/>

我无法弄清楚为什么它不起作用。img渲染模板时正确传递对象。

Answer 1

案例 2 转换为以下内容：

<input
    onchange="handleCheckboxChange(https://example.org)"
/>

这是语法错误

您需要将它们包含在引号内：

<input
    onchange="handleCheckboxChange('<%= img.URL %>')"
/>

Answer 2

我找到了相同的解决方案，ejs 标签需要包含在引号内。

案例 1 的解决方案

<input
   style="background-image: url('<%= img.URL %>')"
/>

案例 2 的解决方案

<input
    onchange="handleCheckboxChange('<%= img.URL %>')"
/>