ejs包含在innerHTML中

Question

使用下面的代码，car.ejs的内容将正确显示。

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

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

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

但目前只出现了一个CCD_ 3。我还尝试了使用空div:

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

然后根本没有出现car.ejs。如何在innerHTML中动态包含ej？

Answer 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的内容加载到一个变量中，然后只渲染它。