Вопрос №55392 от пользователя Kirill Kozedub в уроке «Циклы», курс «HTML: Препроцессор Pug»
Никита, добрый день!
Вопрос по дополнительному заданию: не совсем понятно как правильно использовать интерполяцию переменных для вывода пути до файлов иконок в кавычках. Как правильно буферизовать/интерполировать следующий код, чтобы кавычки корректно выводились?
a(href="#{icon.url}") #{icon.name}
Сейчас он выводит:
<a class="class" href="#{icon.url}">dog</a>
У меня получилось добиться требуемого результата вот таким кодом внутри двойного цикла:
li
<a href="#{icon.url}">#{icon.name}</a>
Но что-то мне подсказывает, что вставлять html-теги в код - это не лучший вариант.
Здравствуйте
Да, вставлять HTML — не лучшая идея, так как теряется смысл использования препроцессора. А можете пример своего кода залить куда-нибудь на CodePen и приложить ссылку? Возможно где-то закралась ошибка
Как и говорил после компиляции выводит вот так:
<a class="class" href="#{icon.url}">dog</a>
Обратите внимание, что указывая атрибуты в скобках, вы уже можете подставлять переменные. Это не текст, в котором нужно использовать интерполяцию. Она используется именно внутри текстового содержимого элемента. Поэтому, для корректности, нужно использовать вот такую запись a(href=icon.url) #{icon.name}
Супер! Спасибо за разъяснения.
Используйте Хекслет по максимуму!
- Задавайте вопросы по уроку
- Проверяйте знания в квизах
- Проходите практику прямо в браузере
- Отслеживайте свой прогресс
Зарегистрируйтесь или войдите в свой аккаунт
С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.
