输出线闯入从内JS可变

Question

此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]} 

而这正是被输出：

什么是最好的替代输出这个h3标签里真正的html换行符？

在此先感谢。 O/

Answer 1

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] 

Answer 2

（我不认为这是必需的，但玉挑剔语法）变化：

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

分为：

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

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

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

分为：

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

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

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

我能够复制这一点，并相当容易地输出换行符。

我希望这有助于！