Node.js, Express, EJS - Gezinme alanındaki geçerli sayfadaki aktif sınıf

Question

Benim layout.ejs şablonumda hangi sayfada olduğuma bağlı olarak, her bir navigasyon bağlantısında 'current' sınıfı oluşturmak istiyorum.

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

Ve layout.ejs içinde ben dinamik hale edilmesini istediğiniz aşağıdakiler vardır:

Halen benim ekspres kontrolör endeksi bu gibi görünüyor.

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

Bunu nasıl gerçekleştireceğinize dair herhangi bir fikir?

Answer 1

Sen gibi şablon şey bir res.render verilerinde page_name: 'about' ve ardından şunları içerebilir:

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

Ben sözdizimi test etmedi, ama bu özü bu.