ejs 包含在 innerHTML 中答案

【问题标题】：ejs include with innerHTMLejs 包含在 innerHTML 中
【发布时间】：2021-12-24 08:51:11
【问题描述】：

使用下面的代码，car.ejs 的内容可以正常显示。

<div id="carHolder">
    <%- include('car.ejs') %>            
</div>

然后我想动态包含多个car.ejs，所以我尝试了这个：

<script>
    document.getElementById("carHolder").innerHTML += "<%- include('car.ejs') %>";
</script>

但仍然只有一个car.ejs 出现。我也试过空div：

<div id="carHolder"></div>
<script>
    document.getElementById("carHolder").innerHTML = "<%- include('car.ejs') %>";
</script>

那么根本就没有car.ejs 出现。如何用 innerHTML 动态包含 ejs？

【问题讨论】：

标签： javascript html node.js ejs

【解决方案1】：

ejs 是一个 JavaScript 库，可让您呈现 .ejs 模板。
它必须由库呈现。

他们网站上的一个小例子（）：

<script src="ejs.js"></script>
<script>
  let people = ['geddy', 'neil', 'alex'];
  let html = ejs.render('<%= people.join(", "); %>', {people: people});
</script>

在第 4 行中，您将看到如何在浏览器中动态呈现 .ejs 内容。
但我怀疑include 是否适用于浏览器版本。

一种可能的解决方案是预先将car.ejs 的内容加载到一个变量中，然后直接渲染它。

【讨论】：