В Pug (ранее известном как Jade), параметры могут быть переданы с использованием различных методов в зависимости от контекста. Вот несколько способов передачи параметров в Pug:
1. Параметры встроенного JavaScript (templating):
В этом случае параметры передаются непосредственно в шаблонизатор Pug с помощью встроенного JavaScript кода. Например:
const pug = require('pug');
const compiledTemplate = pug.compileFile('template.pug');
const locals = { title: 'Мой шаблон', message: 'Привет, мир!' };
const html = compiledTemplate(locals);
В файле template.pug:
html
head
title= title
body
h1= message
Здесь locals является объектом, содержащим параметры title и message. Они передаются шаблону и вставляются в соответствующие места.
2. Параметры через аргументы шаблона:
Другой способ передачи параметров в Pug - использование аргументов шаблона. Это подходит, когда вы используете Pug вместе с фреймворком, таким как Express.js. В этом случае параметры передаются в качестве аргументов при рендеринге шаблона. Например:
app.get('/', (req, res) => {
res.render('index', { title: 'Главная страница', message: 'Добро пожаловать!' });
});
В файле index.pug:
html
head
title= title
body
h1= message
Здесь параметры title и message передаются фреймворку Express.js, который затем передает их в Pug при рендеринге шаблона.
3. Параметры миксина:
В Pug вы также можете использовать миксины для передачи параметров. Миксины представляют собой переиспользуемые блоки кода, которые могут принимать параметры. Например:
mixin greeting(title, message)
html
head
title= title
body
h1= message
+greeting('Привет', 'Мир!')
Здесь миксин greeting принимает два параметра - title и message. Вы можете вызвать этот миксин с указанными параметрами (+greeting('Привет', 'Мир!')).
Все эти способы позволяют передавать параметры в шаблоны Pug. Выбор метода зависит от того, как вы используете Pug и в каком контексте.