Question

我有一个html文件footer.html，它存储了网站的页脚，我想在不同的页面上重复使用它。如何将其包含在带有lodash / underscore的模板文件template.html中？我已阅读此article关于node-partial但我不确定模块node-partial如何与Express 4中的render一起使用。

var express = require('express')
, app = express()
, http = require('http').createServer(app)
, _ = require('lodash')._
,cons = require('consolidate');

app.engine('html', cons.lodash);
app.set('view engine', 'html')
app.set('views', './views')

app.get('/', function(req, res){ 
   res.render('index.html', {hello: 'Welcome !'})
});

Template file

<h1><%= hello %></h1>
<p><%= _('hello') %></p>
<% include './footer.html' %> // Can I add a footer file to the template?

Answer 1

是的，但您需要退出一点，并将页脚添加为有效负载的一部分。

var footerHTML;
fs.readFile("./footer.html", function(err, data){
    if (err) return console.error(err);
    footerHTML = data;
})

app.get('/', function(req, res){
    res.render('index.html', {hello: 'Welcome !', footer: footerHTML)
});

-

<h1><%= hello %></h1>
<p><%= _('hello') %></p>
<%=footer%>

或者，您可以切换到更强大的模板语言。 PUG是一种语言，Express.js默认支持它。

在jade中你会创建名为footer.pug和index.pug的文件。要在页面中包含页脚，它将是：

h1 ${hello}
p ${hello}
include footer

注意：在pug 2.0中，#{}语法被${}替换为与ES6模板字符串语法更加一致

在带有express.js和lodash / underscore的模板文件中包含一个页脚？

1 个答案: