输出行从JS Variable中分解为Jade生成的HTML

Question

这是我的Jade文件

 - var itens = ["Sem limites de<br/>vendas", "Sem limites de visitas", "Sem limites de e-mails", "Sem cooparticipação"];
[...]
each item, i in itens
    div.col-xs-12.col-md-6
        div.col-xs-5.np.l
            img(src="img/#{imgs[i]}", title="#{item}", aria-label="#{item}", alt="#{item}").col-xs-12
        div.col-xs-7.np.r
            h3 #{item}
            p #{itens2[i]}

这就是输出的内容：

在这个h3标签中输出真正的html换行符的最佳选择是什么？

提前致谢。 O /

Answer 1

（我不认为这是必需的，但是jade对语法很挑剔）改变：

["Sem limites de<br/>vendas"...

进入：

["Sem limites de <br /> vendas"...

（你肯定想要这样做）然后改变：

h3 #{item}
p #{itens2[i]}

分为：

h3
    | #{item}
p
    | #{itens2[i]}

你应该好好去。当我在输出局部变量时在节点中构建内容管理系统时，我遇到了类似的问题。将管道添加到数组中允许本地浮动在新行上并正确呈现。

您可能需要管道其他本地包含任何特殊字符或HTML元素。

我能够复制它并相当容易地输出换行符。

我希望这有帮助！

Answer 2

Jade正在逃避＃{}属性中的任何内容。使用！{}或！=。但是，我认为您不应该将HTML标记放在属性中。

- var itens = ["Sem limites de<br/>vendas", "Sem limites de visitas", "Sem limites de e-mails", "Sem cooparticipação"];
[...]
each item, i in itens
    div.col-xs-12.col-md-6
        div.col-xs-5.np.l
            img(src="img/#{imgs[i]}", title="#{item}", aria-label="#{item}", alt="#{item}").col-xs-12
        div.col-xs-7.np.r
            h3!= item
            p= itens2[i]