node.js - クラス名 jade の変数

Question

jade のクラスに変数名を設定できません:

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

私は持っている：

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

そして、私はしたいです

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

ありがとう

Answer 1

これを試してください（テストしていません）：

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>