conditional - 在jade模板中使用条件时，渲染结果错误

Question

首先我要渲染代码是：

ul
 li
  a

渲染结果应该是

 <ul>
  <li><a></li>
 </ul>

然后我添加条件：

 ul
  - if (temp == "blog") {
  li.active
  - } else {
  li  
  - }
   a

但渲染结果是

<ul>
 <li.active></li>
 <a>
</ul>

我的代码有什么问题？如何获得与第一个相同的渲染结果？

Answer 1

试试这个：

ul
  - if temp === "blog"
    li.active
      a
  - else
    li  
      a

如果您不想复制嵌套的 a，您可以使用：

ul
  li(class = (temp === 'blog') ? 'active' : '')
    a

对于菜单列表和选项卡也很有用，您可以像这样内联嵌套：

ul
 li: a
 li: a.active
 li: a
// ...etc