node.js - 「アクティブな」クラスを持つ Jade Render ヘッダー

Question

私は単純なジェイドの質問かもしれないことに苦労しています。

クラス '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

render を呼び出すときは、そのようにオブジェクトを渡します。

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