我已经阅读并重新阅读了 jade 引用资料和一大堆堆栈溢出问题,但我似乎无法弄清楚这一点,我认为它应该非常简单。
所以我想做的就是在 JavaScript 文件中有一个对象,并将其导入到我的 jade 文件中,这样我就可以在生成 html 页面时使用对象中的数据。
例如:
这将在 JS 文件中:
var obj = {
firstName: "bob",
lastName: "smith",
age: 109
};
在我的 Jade 中我想这样做:
h1 #{obj.firstName}, #{obj.lastName}
h2= obj.age
等等
这只是一个简单的例子。任何帮助都将不胜感激。
我会简单地在我的 jade 中创建对象,但我希望对象被格式化,其中每个项目都在其自己的行中(为了便于阅读),而 jade doesn't currently support that .
在那个链接上有人提到了一个我根本不理解的解决方案:“所以我通过在 grunt-contrib-jade 中传递数组而不是直接将它放在模板中来完成我想要的。还允许我得到摆脱 grunt-sed"
我正在使用 codekit 将我的 jade 编译成静态 html,而不是 Node.JS。
最佳答案
如果您将对象转换为 JSON 格式,就可以实现这一点。
来自 command line arguments 上的文档:
-O, --obj <path|str> JavaScript options object or JSON file containing it
示例:
user.json
{
"firstName": "bob",
"lastName": "smith",
"age": 109
}
你会像那样编译你的模板:
$ jade myTemplate.jade --obj user.json
或者如果您将 Gulp 与 gulp-jade
一起使用:
.pipe(jade({
locals: require('user.json')
}))
关于javascript - 将 Javascript 对象导入 jade,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30284588/