Когда вы используете Jade (теперь известный как Pug), вы можете передать значение переменной из скрипта в HTML элемент двумя способами: использование интерполяции или использование атрибута.
1. Интерполяция:
Интерполяция - это способ вставки значения переменной прямо внутрь HTML элемента. Для того, чтобы передать значение переменной в Jade элемент, вы можете использовать #{yourVariable} синтаксис интерполяции. Вот пример:
- var name = "John"
p Welcome, #{name}!
В этом примере значение переменной name ("John") будет подставлено внутрь p элемента, создавая текстовое содержимое Welcome, John!.
2. Атрибут:
Вы также можете передать значение переменной в атрибуте элемента.
- var imgUrl = "/images/profile.jpg" img(src=imgUrl)
В этом примере значение переменной imgUrl будет присвоено атрибуту src img элемента, что позволит отобразить изображение с этого URL.
Обратите внимание, что если ваше значение переменной содержит специальные символы (например, кавычки), вы можете обернуть его внутри одинарных кавычек или использовать оператор escape (|).
Это основные способы передачи значения переменной из скрипта Pug в HTML элемент. Вы можете использовать эти методы в сочетании или отдельно, в зависимости от того, как вы хотите структурировать ваш шаблон Pug.