Node.js，Express，EJS – 导航中当前页面上的活动类

我想在我的每个导航链接上呈现一个“当前”类，具体取决于我在layout.ejs模板中的哪个页面。

目前，我的快递控制器索引如下所示：

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

而在我的layout.ejs我有以下，我想要dynamic呈现。

 <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

您可以在res.render数据中包含一个page_name: 'about' ，然后在模板中包含如下内容：

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

我没有testing语法，但这是要点。