我正在尝试为节点使用嵌入式 Javascript 渲染器： https ://github.com/visionmedia/ejs
我想知道如何在 .ejs 视图文件中包含另一个视图文件（部分）。
问问题
152763 次
12 回答
22
适用于 Express 4.x：
根据这个在模板中包含部分的正确方法应该使用：
<%- include('partials/youFileName.ejs') %>.
您正在使用：
<% include partials/yourFileName.ejs %>
已弃用。
于 2020-04-06T17:23:11.930 回答
21
在 Express4.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用作您的布局。
于 2015-09-19T12:26:50.883 回答
10
从 Express 4.x 开始
应用程序.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');
错误.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 %>
于 2016-01-11T22:36:45.910 回答
4
Express 3.x 不再支持部分。根据帖子ejs 'partial is not defined'，您可以在 EJS 中使用“include”关键字来替换已删除的部分功能。
于 2012-12-05T02:59:09.640 回答
3
app.js添加
app.set('view engine','ejs')
在视图/部分中添加您的部分文件（ejs）
在index.ejs中
<%- include('partials/header.ejs') %>
于 2020-06-15T06:15:13.467 回答
2
在官方文档中https://github.com/mde/ejs#includes显示包括这样的作品：
<%- include('../partials/head') %>
于 2020-01-29T17:11:58.067 回答
1
还
<%- include('partials/header.ejs',{paramName: paramValue}) %>
于 2021-06-23T23:52:47.827 回答
0
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
<form method="post" class="mt-3">
<div class="form-group col-md-4">
<input type="text" class="form-control form-control-lg" id="plantName" name="plantName" placeholder="plantName">
</div>
<div class="form-group col-md-4">
<input type="text" class="form-control form-control-lg" id="price" name="price" placeholder="price">
</div>
<div class="form-group col-md-4">
<input type="text" class="form-control form-control-lg" id="harvestTime" name="harvestTime" placeholder="time to harvest">
</div>
<button type="submit" class="btn btn-primary btn-lg col-md-4">Submit</button>
</form>
<form method="post">
<table class="table table-striped table-responsive-md">
<thead>
<tr>
<th scope="col">Id</th>
<th scope="col">FarmName</th>
<th scope="col">Player Name</th>
<th scope="col">Birthday Date</th>
<th scope="col">Money</th>
<th scope="col">Day Played</th>
<th scope="col">Actions</th>
</tr>
</thead>
<tbody>
<%for (let i = 0; i < farms.length; i++) {%>
<tr>
<td><%= farms[i]['id'] %></td>
<td><%= farms[i]['farmName'] %></td>
<td><%= farms[i]['playerName'] %></td>
<td><%= farms[i]['birthDayDate'] %></td>
<td><%= farms[i]['money'] %></td>
<td><%= farms[i]['dayPlayed'] %></td>
<td><a href="<%=`/farms/${farms[i]['id']}`%>">Look at Farm</a></td>
</tr>
<%}%>
</table>
</form>于 2019-12-18T14:16:58.437 回答
0
要包含 ejs 文件，您必须使用：
<%- include("file-name") %>
注意：不需要.ejs在文件名中使用。
于 2021-09-25T12:26:22.717 回答
-1
要包含ejs文件，您必须使用：
<%- include("relative path of ejs ") -%>
于 2021-06-21T05:35:21.370 回答
-4
EJS 本身目前不允许视图部分。快递可以。
于 2011-05-11T03:40:22.697 回答