类名玉的variables

我不能在一个类中设置一个variables名称：

.flag_#{ session.locale } #{ session.locale } 

我有：

 <div class="flag_" >en</div> 

我想要

 <div class="flag_en" >en</div> 

谢谢

Answer 1

试试这个（没有testing过）：

 div(class="flag_#{ session.locale }") session.locale 

Answer 2

至于pug@2.0.0-alpha3这样工作：

 div(class="flag_" + session.locale) session.locale 

Answer 3

这是另一种方法：

 mixin formButton(text, type, extra_classes) - var default_classes = 'btn btn-primary' if extra_classes - var classes = default_classes + ' ' + extra_classes else - var classes = default_classes if type button(class=classes type=type) !{text} else button(class=classes type="submit") !{text} 

例1：

用法：

 +formButton('Text') 

结果：

 <button type="text" class="btn btn-primary" type="submit">Text</button> 

例2：

用法：

 +formButton('Text', 'button') 

结果：

 <button type="text" class="btn btn-primary" type="button">Text</button> 

例3：

用法：

 +formButton('Text', 'button', 'extra-class') 

结果：

 <button type="text" class="btn btn-primary extra-class" type="button">Text</button> 

Answer 4

你也可以使用条件语句来做到这一点

  if liked == true span.like.active else span.like