EJS 变量未在 html 中定义

Question

我正在尝试从我的数据库中读取 JSON 文件。这是渲染的页面。

    <% newcompose.forEach(function(post){ %>

        <h1><%= post.caption %></h1>
        <p><%= post.text %></p>

    <% }); %>

这就是我将值传递给newcompose的方式。

Post.find({}, function(err, posts){
    if(!err){
        res.render("home", {newcompose: posts});
    }
});

它说 newcompose 未定义，但如果我将 <% var newcompose; %> 添加到 home 则它说 forEach 未定义。我也在用猫鼬。

Answer 1

我使用以下代码测试了您的模板：

const ejs = require('ejs');

let template = `
<%newcompose.forEach(function(post){%>
    <h1><%=post.caption%></h1>
    <p><%=post.text%></p>
<%});%>
`;

const renderData = {
    newcompose: [
        {
            caption: "test caption",
            text: "test text",
        }
    ]
};
const output = ejs.render(template, renderData);

console.log(output);

输出是：

    <h1>test caption</h1>
    <p>test text</p>

所以你的模板很好。这意味着问题在于您的 find 函数，或者您如何处理回调参数。

如果你使用的是mongo，这很可能是因为find返回了一个游标，所以你需要像这样显式调用toArray函数：

collection.find().toArray(function(err, documents) {

根据：https://mongodb.github.io/node-mongodb-native/api-generated/cursor.html