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

당신은 같은 템플릿 뭔가 상기 res.render 데이터 page_name: 'about' 다음이 포함될 수 :

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

내가 구문을 테스트하지 않았다,하지만 그 요점입니다.