Node.js, Express, EJS - Aktive Klasse auf der aktuellen Seite in der Navigation

Question

Ich möchte eine 'aktuelle' Klasse auf jedem meiner Navigationslinks rendern abhängig davon, auf welcher Seite ich in meiner layout.ejs Vorlage bin.

Derzeit meine ausdrückliche Controller Index sieht wie folgt aus:

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

Und in meinem layout.ejs habe ich die folgenden, die ich dynamisch gemacht werden möchte.

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

Irgendwelche Ideen, wie man das erreicht?

Answer 1

Sie könnten eine page_name: 'about' in den res.render Daten und dann in der Vorlage so etwas wie die folgenden:

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

habe ich die Syntax nicht testen, aber das ist das Wesentliche.