Question

在console.log的输出中，未定义的pre被添加到img标记中。其次index ejs模板也不会呈现。

app.set("view engine" , "ejs");
app.get('/', async ()=>
{
    let cont =  await data.find();
    let htmlContent;
    for(let x=0;x<cont.length;x++)
     htmlContent += `<img="${cont[0].image}"/><br> <p>${cont[0].content</p>`;
    console.log(htmlContent);
    app.render('index', {renderData:htmlContent});
} );

我想要的输出：

<img="sdlkfj"/><br><p>sdgdsfgfdshfd</p>

我得到的输出：

undefined<img="sdlkfj"/><br><p>sdgdsfgfdshfd</p>

Answer 1

htmlContent未定义，然后向其添加一个字符串。尝试改用let htmlContent = "";。

Answer 2

您正在检查cont.length，但正在使用cont[0]。 cont[x]

for(let x=0;x<cont.length;x++)
     htmlContent += `<img="${cont[x].image}"/><br> <p>${cont[x].content</p>`

错误的控制台输出和模板未呈现

2 个答案: