Jade - 在一行中打印许多变量

时间:2016-03-09 00:02:48

标签: node.js express pug keystonejs

我正在尝试打印几个从控制器传递到一行中的变量 变量的内容类似于" xyz",其中tag是有效的html标记 我现在在做的是 -

div
  != (notification.content + notification._.publishedDate.format('MMMM Do, YYYY'))

然而,这会在两行上打印div 生成的html内容是 -

<div>
    <p>School is closed tomorrow&nbsp;<a href="http://www.booking.com">link</a></p>
     March 7th, 2016
</div>

另外我做不到 -

p= (notification.content + notification._.publishedDate.format('MMMM Do, YYYY'))

因为输出是HTML -

<p>&lt;p&gt;School is closed tomorrow&amp;nbsp;&lt;a href="http://www.booking.com"&gt;link&lt;/a&gt;&lt;/p&gt;March 7th, 2016</p>

1 个答案:

答案 0 :(得分:1)

喂!

查看使用Jade / HTML显示消息的一些方法。

请在您的项目中测试这些方式和使用最佳

声明变量

// Variable with `<p></p>`
- var notification = {content: '<p>School is closed tomorrow <a href="http://www.booking.com">link</a></p>', publishedDate: '2016-03-07'}

// Variable withOUT `<p></p>`
- var test = {content: 'The message <a href="#">link</a>', publishedDate: '2016-03-07'}

1)返回转义文本

div #{notification.content} #{notification.publishedDate}

// Return | escaped string:
// <p>School is closed tomorrow <a href="http://www.booking.com">link</a></p> 2016-03-07

2)返回HTML代码(未转义|真实标签)

div !{notification.content} !{notification.publishedDate}

// Return | unescaped (2 lines)
// School is closed tomorrow link
// 2016-03-07

3)返回HTML代码内联(也未转义)

您需要修改数组条目。请参阅上面的var“test”(关于声明变量):

div: p !{test.content} !{test.publishedDate}

// Return | unescaped (1 line)
// The message link 2016-03-07

如果适合您,请尝试应用您自己的变量和规则 我正在学习翡翠。我希望能帮到你。

- 有任何疑问在这里发表评论或与我交谈@devromulobastos