Node.js-EJS-包括部分

我正在尝试将嵌入式Javascript渲染器用于节点：https : //github.com/visionmedia/ejs

我想知道如何在.ejs视图文件中包含另一个视图文件（部分）。

使用Express 3.0：

<%- include myview.ejs %>

路径是相对于包含文件的调用者的相对路径，而不是相对于通过设置的views目录的相对路径app.set("views", "path/to/views")。

EJS包括

（更新：ejs v3.0.1的最新语法是<%- include('myview.ejs') %>）

在Express中，4.x我使用以下内容进行加载ejs：

  var path = require('path');

  // Set the default templating engine to ejs
  app.set('view engine', 'ejs');
  app.set('views', path.join(__dirname, 'views'));

  // The views/index.ejs exists in the app directory
  app.get('/hello', function (req, res) {
    res.render('index', {title: 'title'});
  });

然后，您只需要两个文件即可使其工作- views/index.ejs：

<%- include partials/navigation.ejs %>

和views/partials/navigation.ejs：

<ul><li class="active">...</li>...</ul>

您还可以告诉Expressejs用于html模板：

var path = require('path');
var EJS  = require('ejs');

app.engine('html', EJS.renderFile);

// Set the default templating engine to ejs
app.set('view engine', 'ejs');
app.set('views', path.join(__dirname, 'views'));

// The views/index.html exists in the app directory
app.get('/hello', function (req, res) {
  res.render('index.html', {title: 'title'});
});

最后，您还可以使用ejs布局模块：

var EJSLayout = require('express-ejs-layouts');
app.use(EJSLayout);

这将views/layout.ejs用作您的布局。

适用于Express 4.x：

根据此在模板中包含局部的正确方法你应该使用：

<%- include('partials/youFileName.ejs') %>。

您正在使用：

<% include partials/yourFileName.ejs %>

已弃用。

从Express 4.x开始

app.js

// above is all your node requires

// view engine setup
app.set('views', path.join(__dirname, 'views')); <-- ./views has all your .ejs files
app.set('view engine', 'ejs');

error.ejs

<!-- because ejs knows your root directory for views, you can navigate to the ./base directory and select the header.ejs file and include it -->

<% include ./base/header %> 
<h1> Other mark up here </h1>
<% include ./base/footer %>

Express 3.x不再支持部分。根据ejs的“未定义部分”一文，您可以在EJS中使用“ include”关键字替换已删除的部分功能。

在官方文档https://github.com/mde/ejs#includes中显示了包含以下内容的作品：

<%- include('../partials/head') %>

app.js添加

app.set('view engine','ejs')

在视图/部分中添加您的部分文件（ejs）

在index.ejs中

<%- include('partials/header.ejs') %>

EJS本身目前不允许查看局部视图。快递呢。