html - 如何在页脚中定义变量

Question

在我的应用程序的页脚(显示在每个页面上)中，我有一个事件列表，例如:

接下来的事件:名称 '''(类(class)名称)'''日期 '''(类(class).日期)'''我正在创建一个 for 循环

<h4 class="pb-1 pb-md-5">PROXIMOS EVENTOS</h4>
<% for (var i = 0; i < 3; i++) { %>
    <div class="eventDisplay text-center text-md-left">
        <p></p>
        <h6><i class="fas fa-calendar-alt"></i> <%= course.date%></h6>
        <p> <%= course.name %> </p>
        <p class="pFooter">Actualizate con nuestros</p>
        <a href="#">Saber mas <i class="fas fa-angle-right"></i></a>
    </div>
<% }; %>

但我不断发现类(class)未定义。如何定义类(class)，以便每次用户创建新类(class)时，我都可以提取该信息并在我的类(class)页面和页脚中使用它？

在渲染方面，它是这样的:

// ROOT ROUTE
// shows landing page
router.get("/", function(req, res){
// get all courses from DB
Course.find({}, function(err, allCourses){
    if(err){
        console.log(err);
    } else {
        res.render("landing", {courses:allCourses});
    }
});
});

我使用 EJS 作为引擎。

网站在这里:https://pure-cove-85477.herokuapp.com/

Answer 1

我想你有一个对象数组。 course 未定义，因此您必须将 courses 与 index.html 一起使用。试试这个

<% for (var i = 0; i < 3; i++) { %>
    <div class="eventDisplay text-center text-md-left">
        <p></p>
        <h6><i class="fas fa-calendar-alt"></i> <%= courses[i].date%></h6>
        <p> <%= courses[i].name %> </p>
        <p class="pFooter">Actualizate con nuestros</p>
        <a href="#">Saber mas <i class="fas fa-angle-right"></i></a>
    </div>
<% }; %>

如果您想在 ejs 标签中使用“course”，则必须使用 forEach 循环。例如:

<% courses.forEach(course => { %>
    <div class="eventDisplay text-center text-md-left">
        <p></p>
        <h6><i class="fas fa-calendar-alt"></i> <%= course.date%></h6>
        <p> <%= course.name %> </p>
        <p class="pFooter">Actualizate con nuestros</p>
        <a href="#">Saber mas <i class="fas fa-angle-right"></i></a>
    </div>
<% }); %>