Express 4 车把渲染无布局

Question

Is there a way in an express 4 app to render a view without using a layout?

I have a layout.hbs inside the project. The file seems to be used without needing to register it anywhere and for most views that is ok, but what if just a single view needs to be rendered without?

Answer 1

Assuming you are using express-handlebars you can specify a different layout from your route/controller when you call the render method. To get rid of the layout altogether you can set the layout to false .

router.get('/', function(req, res) {
    res.render('home', {layout: false});
});

https://github.com/ericf/express-handlebars#layouts

Answer 2

It should be clear, when you have data to render, that the layout should be merely an extra property of such data

var data = {
    layout: false, 
    var1: var1,
    var2: var2
};

res.render('home', data); 

Answer 3

If you don't wish to give layout, you have to specify as layout: false . Otherwise app will crash. You can configure as follow, if you need.

app.get('/', (req, res, next) => {
    res.render('shop', { title: 'My Shop', layout: false })
});

For more congiguration of express-handlebars

Answer 4

If you are using app.render() function to render html. You are good to go with Rayan's answer . As on the express documentation itself mentions that, res.render() method also uses app.render() method under the hood.

const app = require('express')();
app.set('view engine', 'hbs');

/**
 * Render email template with data
 * 
 * @param {String} emailTemplate email template path
 * @param {Object} renderParams Render parameters
 * @return {Promise} rendered template
 */
async function renderEmail(emailTemplate, renderParams) {
 const renderParams = { layout: false, ...otherRenderParams };

 return await new Promise((resolve, reject) => {
   app.render(emailTemplate, renderParams, function (err, html) {
       if (err) return reject(err);
       return resolve(html);
   });
 });
}

Answer 5

this worked for me to have 1 page without the main.handlebars layout:

1. add layout false to the data object:

object.layout=false;

2. render

res.render('page', object);

adding .layout to the existing object allows you to easily still pass the object data.