Jade Render Header with'active'Class

Question

我正在爲可能是一個簡單的Jade問題而苦苦掙扎。

我想要渲染一個頭部，其活動頁面鏈接與應用類'active'呈現，但是我無法獲得正確的語法。我已經嘗試了一些我在下面的變化，但沒有運氣。

ul.header 
    li 
    a(href='/' class=!{activePage} === 'home' ? 'active' : '') HOME 
    li 
    a(href='/one' class=!{activePage} === 'home' ? 'active' : '') ONE 
    li 
    a(href='/two' class=!{activePage} === 'home' ? 'active' : '') TWO 

當我調用渲染時，我傳遞一個像這樣的對象。

app.get('/', function(req, res) { 
    res.render('index', { 
    activePage: 'home' 
    }); 
}); 

Answer 1

ul.header 
    li 
    a(href='/', class=(activePage === 'home' ? 'active' : '')) HOME 
    li 
    a(href='/one', class=(activePage === 'one' ? 'active' : '')) ONE 
    li 
    a(href='/two', class=(activePage === 'two' ? 'active' : '')) TWO