Con el siguiente código, el contenido de car.ejs aparece correctamente.
<div id="carHolder"> <%- include('car.ejs') %> </div> Luego quiero incluir varios car.ejs dinámicamente, así que probé esto:
<script> document.getElementById("carHolder").innerHTML += "<%- include('car.ejs') %>"; </script> Pero todavía solo aparece un car.ejs . También probé con div vacío:
<div id="carHolder"></div> <script> document.getElementById("carHolder").innerHTML = "<%- include('car.ejs') %>"; </script> Entonces no aparece car.ejs en absoluto. ¿Cómo incluir dinámicamente ejs con innerHTML?
ejs es una biblioteca de JavaScript que le permite renderizar plantillas .ejs .
Debe ser prestado por la biblioteca.
Un ejemplo mínimo de su sitio web ():
<script src="ejs.js"></script> <script> let people = ['geddy', 'neil', 'alex']; let html = ejs.render('<%= people.join(", "); %>', {people: people}); </script> En la línea 4, verá cómo puede generar contenido .ejs sobre la marcha dentro del navegador.
Pero dudo que lo include para la versión del navegador.
Una posible solución sería cargar el contenido de car.ejs en una variable de antemano y representarlo en su lugar.