नोड.जेएस, एक्सप्रेस, ईजेएस - नेविगेशन में वर्तमान पृष्ठ पर सक्रिय कक्षा

Question

मैं अपने लेआउट.ईजेएस टेम्पलेट में किस पेज पर हूं, इस पर निर्भर करता हूं कि मैं अपने प्रत्येक नेविगेशन लिंक पर 'वर्तमान' कक्षा प्रस्तुत करना चाहता हूं।

वर्तमान में, मेरी एक्सप्रेस नियंत्रक सूचकांक इस तरह दिखता है:

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

आप res.render डेटा में एक page_name: 'about' और उसके बाद की तरह टेम्पलेट कुछ में शामिल हो सकते हैं:

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

मैं वाक्य रचना का परीक्षण नहीं किया था, लेकिन यह है कि सार है।