如何將視圖加載到變量中？

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 });
});