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数据中包含a ,然后在模板中包含以下内容:

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

我没有测试语法,但这就是要点.