Как вставить html тег в цикле pug?

Question

[R4tm4n]

Вывожу циклом в pug li-шки в ul, соответственно в переменной содержатся тексты для этих li-шек, в тексте должны быть переносы строки (br-ки), но в именно в цикле почему то не хочет выводить теги, через интерполяцию, в документации нашел только вывод конкретной переменной с тегами таким образом - !{переменная}, и если мы просто выводим переменную то все ок, а именно в цикле если прописать li !{item.text} то теги выводит как обычный текст

Answer 1

[Олег]

li!= val
or
li !{val}

https://codepen.io/werty1001/pen/ZqxwyP

Comments

[R4tm4n]

Окей, я не совсем точно описал проблему, у меня не просто массив, а массив объектов, просто массив, да, выводит, но если там будет не li !{val} а li !{val.text} то не работает

[Олег]

R4tm4n, обновил ссылку, все работает и с объектом, вам нужно искать проблему у себя, нужен пример проблемного кода

[R4tm4n]

var slider = [{
'title': 'ИНТЕРНЕТ ',
'text': 'Царь-скорость
500 Мбит/с ',
'img': 'crown.png',
'position': 'center right 40px'
}]

each item in slider
.main-slider__slide(style="background-image: url(img/"+item.img+"); background-position: "+item.position+"; background-color: #015198")
.main-slider__slide-content
h6.main-slider__slide-title !{item.title}
.main-slider__slide-subtitle=item.text
a(href="#").main-slider__slide-link.btn Подробнее
i.fas.fa-chevron-right

P.S. в самом комменте он брку воспринимает как перевод строки

[Олег]

R4tm4n, https://codepen.io/werty1001/pen/yRjwjy?editors=1000#0