如何在 HTML 属性中使用 EJS？答案

【问题标题】：How to use EJS inside HTML attributes?如何在 HTML 属性中使用 EJS？
【发布时间】：2021-06-29 06:01:13
【问题描述】：

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

案例 1：

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

案例 2：

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

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

【问题讨论】：

【解决方案1】：

案例 2 转换为以下内容：

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

这是语法错误

您需要将它们用引号括起来：

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

【讨论】：

【解决方案2】：

我找到了同样的解决方案，ejs 标签需要用引号括起来。

案例 1 的解决方案

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

案例 2 的解决方案

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

【讨论】：