如何在 HTML 属性中使用 EJS？

Question

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

案例 1：

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

案例 2：

<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 %>')"
/>

How to use EJS inside HTML attributes?