В Pug, чтобы вставить значения в конкретные места, вы можете использовать интерполяцию или использование блока кода.
Интерполяция позволяет вам вставлять значения внутри элементов или атрибутов. Для интерполяции используется синтаксис #{}, где значение, которое вы хотите вставить, помещается между фигурными скобками. Примеры:
h1 #{pageTitle}
p My name is #{name}
img(src=`images/${imageName}.jpg`, alt='Image')
В приведенном выше примере, переменная pageTitle вставляется внутри тега h1, значение переменной name вставляется внутри тега p, и imageName используется для формирования пути к изображению внутри атрибута src тега img.
Вы также можете использовать блок кода для вставки значений в конкретные места. Блок кода начинается с дефиса и позволяет вам использовать JavaScript для вычисления значений и вставки их в шаблон. Примеры:
- var price = calculatePrice(quantity)
p The total price is #{price}
В этом примере функция calculatePrice() вызывается с параметром quantity, и результат присваивается переменной price. Затем значение переменной price вставляется внутри тега p.
Вы также можете использовать циклы или условные выражения в блоках кода для вставки значений в зависимости от условий. Например:
ul
each item in items
li= item
В этом примере, использование each позволяет вам перебирать элементы массива items и вставлять каждый элемент в отдельный тег li.
Это основные способы вставки значений в конкретные места в Pug. Использование интерполяции или блока кода позволяет вам динамически формировать содержимое шаблонов на основе переменных или результатов вычислений.