pug - Jade : if statements and nesting

Question

考虑这个伪服务器端代码

if(isFixed) {
  <div class="fixed">
} else {
  <div>
}
    <p>Inner element</p>
  </div>

我尝试用 Jade 来做这个，但是......

 - if(mode === 'fixed') {
   div#tabbar
 - }
     p ...I cannot get this to be an inner element :(

它总是像这样渲染，带有 </div>关闭:

<div id="tabbar"></div><p>I want this inside of the div</p>

我是否弄乱了缩进？谢谢!

Answer 1

您需要将控制流与模板分开。试试这个:

divClass = null

if isFixed
   divClass = "fixed"

div(class=divClass)
   p inner element

这反过来可能会建议将“isFixed”参数分解到要传递的实际 divClass 参数中。但这当然取决于您剩余的代码/模板。

<小时/>

作为替代方案，尝试混合:

mixin content
  p inner element

if (isFixed)
  div(class="test")
    mixin content
else
  div(class="other")
    mixin content