Question

我的jade模板文件中有一个视图逻辑。如何将模型传递给jade并获取html以通过电子邮件进一步发送？

Answer 1

您可以尝试以下操作：

var jade = require('jade'),
    fs = require('fs');

fs.readFile('template.jade', 'utf8', function (err, data) {
    if (err) throw err;
    console.log(data);
    var fn = jade.compile(data);
    var html = fn({name:'Oleg'});
    console.log(html);
});

template.jade是模板的路径。它看起来像这样：

!!!
html
  head
    title= 'Hello world'
  body
    p Hello #{name}!

所以你传递模型作为fn（）函数的输入，它的输出将是html。

<!DOCTYPE html><html><head><title>Hello world</title></head><body><p>Hello Oleg!</p></body></html>

Answer 2

此外，您可以从渲染回调中捕获字符串（表示示例）

exports.test1 = function(req, res){
  res.render('test1', { title: 'test1' }, function(err, body) {
    console.log(body);
  });

  res.send('wooo');
};

test1.jade

div
  = title
p hello world!

Answer 3

不再需要使用fs.readFile()打开模板。 Jade API包含直接从文件编译的compileFile()方法。

var jade = require("jade");

var locals = {name: "Linus"},
    render = jade.compileFile('template.jade'),
    html   = render(locals);

Jade API还包含renderFile()方法，该方法直接从给定文件返回html字符串，使其更简单。

var jade = require("jade");

var locals = {name: "Linus"},
    html   = jade.renderFile('template.jade', locals);

Answer 4

答案都适用于加载玉器模板并使用本地编译器将其编译为HTML。但是，如果要发送HTML电子邮件，则需要注意大多数客户端都会删除所有CSS类。使用Juice（或类似的东西）将所有CSS类内联应用。

如何编译jade模板文件来获取字符串？

4 个答案: