52

我正在使用 Jade 和 Express，我想在我的 include 语句中使用一个变量。例如：

应用程序.js

app.get('/admin', function (req, res) {
  var Admin = require('./routes/admin/app').Admin;

  res.render(Admin.view, {
    title: 'Admin',
    page: 'admin'
  });
});

布局.jade

- var templates = page + '/templates/'

include templates

当我这样做时，我得到了错误EBADF, Bad file descriptor 'templates.jade'

我什至试过

include #{templates}

无济于事。

4

5 回答 5

43

AFAIK JADE 不支持动态包含。我建议的是在模板之外“包含”，即

应用程序.js

app.get('/admin', function (req, res) {
    var Admin = require('./routes/admin/app').Admin;
    var page = 'admin';

    var templates = page + '/templates/';

    // render template and store the result in html variable
    res.render(templates, function(err, html) {

        res.render(Admin.view, {
            title: 'Admin',
            page: page,
            html: html
        });

    });

});

布局.jade

|!{ html }
于 2012-08-26T19:44:40.533 回答
20

这也有效：

//controller
var jade = require('jade');
res.render('show', {templateRender: jade.renderFile});


//template
!= templateRender('my/path/'+dynamic+'.jade', options)

这可能不会提高您使用“视图缓存”设置所期望的性能（它在 NODE_ENV === 'production' 中默认启用）。甚至破坏应用程序（例如，如果在部署新代码时硬盘驱动器上的文件不可用）。由于无法编译模板，因此尝试在客户端或同构应用程序中使用此技巧也将不起作用。

于 2014-10-23T10:03:56.987 回答
7

发现此页面在谷歌上搜索相同的问题，但在不同的上下文中，所以我认为我会将我的解决方案（阅读：解决方法）放在这里以供后代使用：

我想用从变量中提取的更多上下文来包围我的包含，例如（简化）：

- var templates = page + '/templates/'
- var headid = page + 'head'
- var imgsrc = '/images/' + page
div(id=headid)    
  h1 #{page}
  img(src=imgsrc)
div(id=page)
  include templates

由于这不起作用（Jade 不支持动态包含，正如怪异所指出的那样），我与 mixin 混合：

（编辑——比我以前的解决方法更优雅一点：）

mixin page1
  include page1/templates

mixin page2
  include page2/templates

...

- for (var i = 0; i < 3; i++)
  - var page = 'page' + i
  - var headid = page + 'head'
  - var imgsrc = '/images/' + page
  div(id=headid)    
    h1 #{page}
    img(src=imgsrc)
  div(id=page)
    +page

我之前的回答：

mixin templates(page)
  - var headid = page + 'head'
  - var imgsrc = '/images/' + page
  div(id=headid)    
    h1 #{page}
    img(src=imgsrc)

+templates('page1')
#page1
  include page1/templates/

+templates('page2')
#page2
  include page2/templates/

...

它不优雅，如果你需要以这种方式包含多个东西，它就行不通，但至少 Jade 的一部分是动态的。

于 2014-03-12T22:37:29.710 回答
1

为什么不用玉继承？

在中间件级别呈现您想要的内容：

res.render('templates/' + template_name + '.jade')

写普通common.jade：

h1 This is a page
.container
  block sublevel
    h2 Default content

然后编写扩展文件common.jade：

extends common.jade
block sublevel
  h2 Some things are here
于 2015-10-01T17:06:13.413 回答
0

现在是 2019 年，在 Pug（以前的 Jade）mixins 中使用变量变得很简单。

创建 mixin 时，您可以根据您希望传递给 mixin 的值为其提供参数。您可以使用点表示法访问任何嵌套值。

mixinFile.pug:

mixin myMixin(parameter1, parameter2, parameter3)
    h2.MyHeading #{parameter1}
    p.MyParagraph #{parameter2.myVariable}
    .MyBox(id= parameter3.id)

指数.pug：

include mixinFile
block content
    +MyMixin(variable1, variable2, variable3)

你可以在 Mixins 的官方 Pug 文档中阅读更多内容。

于 2019-04-08T08:18:59.740 回答