使用Jade嵌套if语句

Question

我发现很难说出来，但是如何在jade中使用if语句并且如果设置为true则只包含一些元素。

密新

mixin select(data){
    if(!data.small)
        .form-group
    select
        option jamie        

所需

//scss
+select()
//html output
<div class="form-group">
    <select>
        <option>jamie</option>
    </select>
</div>  

当前输出

//scss
+select()
//html output
<div class="form-group">
</div>  
<select>
    <option>jamie</option>
</select>

Answer 1

您可以创建两个mixin：一个用于选择，另一个用于有条件地围绕该选择。

mixin select(data)
    select
        option jamie

mixin surroundingDiv(data)
    if(!data.small)
        .form-group
            mixing select(data)
    else
        mixing select(data)