как определить переменную в нижнем колонтитуле - PullRequest
Новая
       7

как определить переменную в нижнем колонтитуле

0 голосов
/ 14 января 2019

В нижнем колонтитуле моего приложения (отображается на каждой странице) у меня есть список событий, например:

Следующие события: имя '' '(название курса)' '' дата '' '(course.date)' '' Я создаю цикл 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>
<% }; %>

но я продолжаю получать этот курс не определен. Как определить курс, чтобы каждый раз, когда пользователь создавал новый курс, я мог извлечь эту информацию и использовать ее на странице своих курсов И в своем нижнем колонтитуле?

На стороне рендеринга это выглядит так: 

// 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 /

1 Ответ

0 голосов
/ 15 января 2019

Полагаю, у вас есть массив объектов. course не определено, поэтому вы должны использовать courses с индексом. Попробуйте это 

<% 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, вы должны использовать цикл 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>
<% }); %>
...