Question

以下代码工作正常但路由/和/signup将显示相同的内容（标题除外），因为res.render中的第一个参数没有做任何事情，因为在布局中我有{{< index}}使用名称索引呈现视图。我想要的是动态传递我想渲染的部分（基本上我希望res.render的第一个参数生效）。

app.js

/* Variable declarations */
var express =   require('express'),
    hbs     =   require('hbs'),
    app     =   express();

/* Setttings */
app.set('views', __dirname + '/views');
app.set('view engine', 'hbs');
app.set('view options', { layout: 'layout' });

/* Register Partials */
hbs.registerPartials(__dirname + '/views');

/* Routes */
app.get('/signup', function (req, res) {
    res.render('index', {title: 'Welcome'});
});
app.get('/signup', function (req, res) {
    res.render('signup', {title: 'Sign Up'});
});

/* Listeners */
app.listen(80, function () {
  console.log('App started...');
});

Layout.hbs

<!DOCTYPE html>
<html>
    <head>
        <title>{{title}}</title>
    </head>
    <body>
        {{> index}}
    </body>
</html>

Answer 1

作为Handlerbars 3.0的一部分，包括动态部分。您可以找到参考here。使用这种新语法，可以评估并动态替换partial的名称。我使用"express-handlebars": "2.0.1",。

Layout.hbs

<!DOCTYPE html>
<html>
  <head>
    <title>{{title}}</title>
  </head>
  <body>
    {{> (whichPartial) }}
  </body>
</html>

App.js

/* Routes */
app.get('/', function (req, res) {
   res.render('index', {title: 'Welcome'
        whichPartial: function() {
             return "thePartialNameForIndex";
        }
   });
});
app.get('/signup', function (req, res) {
   res.render('signup', {title: 'Sign Up'
       whichPartial: function() {
             return "thePartialNameForSignup";
       }
   });
});

thePartialNameForIndex和thePartialNameForSignup是/views中分配的部分名称。

车把中的动态部分

1 个答案: