[英]How do I reuse my layout with handlebars in express?
好吧，我不想在每個視圖中包含我的實際布局。
所以我的觀點看起來像
<html lang="en">
<head></head>
<body>
<div id="content">
{{ content }}
</div>
</body>
</html>
<div>my index content</div>
<div>my help content</div>
當我使用我的快速路線時，如下面的例子，我只需要在每個視圖中包含我的整個布局 - 這顯然是一個壞主意。
app.use('/', function (req, res) {
res.render('index', {content: 'foo'});
});
app.use('/about', function (req, res) {
res.render('about', {content: 'foo'});
});
所以問題是：如何在車把視圖中重用我的布局？
我的想法是另外編譯我的內容
app.use('/', function (req:express.Request, res:express.Response, next:Function) {
fs.readFile(path.join(viewPath, 'index.hbs'), function(err, text){
var template = hbs.handlebars.compile(text);
var content = template({foo: 1234});
res.render('layout', {content: content});
});
});
但我不確定這是不是正確的方法。
您可以使用express-handlebars並為其指定默認布局。
var hbs = exphbs.create({
extname:'hbs',
layoutsDir: '/path/to/layouts',
defaultLayout: 'main'
});
// Initialize engine
app.engine('hbs', hbs.engine);
// Set engine
app.set('view engine', 'hbs');
設置布局后，您只需調用res.render({content: content});
如何在主車把布局中編寫用於Express-Session登錄/注銷的條件？
[英]How do I write a conditional for express-sessions login/logout in my main handlebars layout?
如何將動態內容傳遞到快速車把中的布局文件（部分）？
[英]How can I pass dynamic content to the layout file(partials) in express handlebars?
如何將兩個詞的值呈現到輸入標簽的 value 屬性中（Express-Handlebars）
[英]How do I render a two worded value into the value attribute of an input tag (Express-Handlebars)
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.