javascript - 在 Jade 模板中使用 !{ } 和 #{ } 插值(感叹号对象，哈希对象)

Question

在一个 Jade 模板(使用 node.js 上的 express)中，我看到一个使用以下语法的模板:

script(type='text/template', id='data-services') !{data}

我不理解 !{ } 构造；显然，它插入了一个在别处定义为的 javascript 对象:

var data={ name:"Doe", age:"21" };

Jade docs & tuts 显示使用 #{ } 进行插值，但我没有看到 !{ }。甚至 #{ } 也没有记录，所以我认为它不是特定于 Jade 的。这个语法是从哪里来的，它记录在哪里？

Answer 1

确实很难找到。看看这个资源:

http://naltatis.github.io/jade-syntax-docs/#escaping

#用于转义数据和!当你想要它生的时候。

例如，假设 name = "Hello <em>World</em>" .那么你有:

#{name} --> Hello <em>World</em>
!{name} --> Hello <em>World</em>

这样想:#将显示 name正如 ! 时所写的那样会将其视为 HTML。