переменная в имени класса jade



Я не могу задать имя переменной в классе в jade:



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


У меня есть:



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


И я хотел бы иметь



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


Спасибо

556   4  

4 ответов:

Попробуйте это (не проверяли):

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

Что касается [email protected] работает следующим образом:

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

Вот еще один подход:

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>

Вы также можете использовать условные операторы, чтобы сделать это, как

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

Comments

    Ничего не найдено.