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

当我调用渲染时，我会传递一个像这样的对象。

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

Jade Render Header带有'active'类

1 个答案: