biến trong tên lớp ngọc

Question

tôi không thể đặt tên biến trong một lớp học trong ngọc bích:

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

tôi có:

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

Và tôi muốn có

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

Cảm ơn

Answer 1

Hãy thử điều này (chưa được kiểm tra):

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

Answer 2

Bạn cũng có thể sử dụng conditional statements để làm điều này như

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

Answer 3

Dưới đây là cách tiếp cận khác:

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} 

Ví dụ 1:

Cách sử dụng:

+formButton('Text') 

Kết quả:

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

Ví dụ 2:

Cách sử dụng:

+formButton('Text', 'button') 

Kết quả:

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

Ví dụ 3:

Cách sử dụng:

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

Kết quả:

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

Answer 4

Đối với pug@2.0.0-alpha3 hoạt động theo cách này:

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