Node.js, Express, EJS - активный класс на текущей странице в навигации

Question

Я бы хотел отобразить «текущий» класс на каждой из моих навигационных ссылок в зависимости от того, на какой странице я включен в моем шаблоне layout.ejs.

В настоящее время мой экспресс индекс контроллер выглядит следующим образом:

// About 
exports.about = function(req, res) { 
    res.render('content/about.ejs', { 
     title: 'About' 
    }); 
}; 

И в моих layout.ejs у меня есть следующие, которые я хотел бы быть вынесено динамически.

<ul class="nav" id="nav"> 
    <li><a href="/">Home</a></li> 
    <li class="current"><a href="/about">About</a></li> 
    <li><a href="/">Contact</a></li> 
</ul> 

Любые идеи о том, как этого достичь?

Answer 1

Вы могли бы включать page_name: 'about' в данных res.render, а затем в шаблоне что-то вроде:

<li <% if (page_name === 'about') { %>class="current" <% } %> ><a href="/about">About</a></li> 

Я не проверял синтаксис, но это суть.