如何将视图加载到变量中？

Question

我需要使用 websockets 发送视图，以便可以在选项卡中加载它。 但我似乎无法弄清楚如何将视图加载到变量中以进行发送。 似乎加载视图的唯一方法是调用response.render() function。

有任何想法吗？

Answer 1

大多数模板引擎可以将模板呈现为内存中的字符串，然后您可以将其作为原始数据通过 web 套接字发送。 这是玉的例子。

var jade = require('jade');

// Render a string
jade.render('string of jade', { options: 'here' });

// Render a file
jade.renderFile('path/to/some.jade', { options: 'here' }, function(err, html){
    // options are optional,
    // the callback can be the second arg
});

如果您具体提及您使用的模板引擎，我们可以在需要时给出具体示例。

以下是使用 EJS的方法：

html = new EJS({url: '/template.ejs'}).render(data)

Answer 2

虽然彼得的解决方案适用于 Jade，但我使用的是 EJS。 而且EJS没有renderFile function。 因此，这是读取普通 HTML 文件的通用方法：

s.readFile(__dirname + '/views/tabs/' + data.tab + '/index.ejs', 'utf8', function( err, html )
{
    socket.emit( 'setTabHTML', { tab: data.tab, 'html': html });
});