node.js - 如何将变量从 Jade 模板文件传递到 Javascript 文件？

Question

我对 Node.js 很陌生，并试图了解一些事情。如何将变量从 Jade 模板文件传递到 JS 文件？

我的 server.js 文件中有这行代码

res.render("aws.jade", {data : JSON.stringify({'val' : 'This is a Test'})});

基本上我只是想将数据中的值获取到aws.jade模板文件

这是 aws.jade

html
    head
       script(type='text/javascript')
            var data = !{data}
        link(rel='stylesheet', href='/stylesheets/style.css')
    body
        title Title
        h1 Heading
        #div.test

我在 Firebug 控制台中不断收到此错误:

<var>data = {"val":"This is a Test"}</var>

有人可以解释一下为什么会发生这种情况以及我将变量从 Jade 模板文件传递到 JS 文件的方法吗？

谢谢

Answer 1

尝试在脚本后面添加一个 . 字符，这告诉 Jade 您想要在标签内添加一个文本 block 。

这是您更新后的代码。

html
    head
        script(type='text/javascript').
            var data = !{data}
        link(rel='stylesheet', href='/stylesheets/style.css')
    body
        title Title
        h1 Heading
        #div.test

编辑 - 将标题设置为 data.val

首先，您应该更改响应，删除 JSON.stringify，以便返回一个对象而不是字符串值。

res.render("aws.jade", {data : {'val' : 'This is a Test'}});

然后您应该能够使用点表示法直接访问数据对象属性和结构，并将其直接分配给标题元素，如下所示...

title= data.val