2014-08-28 153 views

回答

-1

如果你不想使用EJS或玉石等,那麼你可以用jQuery做。將此代碼放在index.html中

<html> 
<head> 
<title></title> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script> 
    $(function(){ 
    $("#header").load("header.html"); 
    $("#footer").load("footer.html"); 
}); 
</script> 
</head> 
<body> 
<div id="header"></div> 
    <!--Remaining section--> 
<div id="footer"></div> 
</body> 
</html> 
0

我找到了解決方案。 server.js

var hbs = require('hbs'); 
app.set('view engine', 'html'); 
app.engine('html', hbs.__express); 
app.set('views', __dirname + '/views'); 
app.use(express.static(__dirname + '/public')); 
hbs.registerPartials(__dirname + '/views/'); <-------- include folder 

的index.html 的index.html包括head.html這樣的:

{{> head}} 
index 
</body> 
</html> 
0

你所尋找的是一個模板引擎,因爲你提到的{{ }}標籤我假設你正在使用Hogan.js aka mustache(javascript版本)。

該文檔可以找到here和你正在尋找的是partials部分。

請注意,默認的快速應用程序(如果您選擇hogan)隨hjs模塊安裝,不支持partials,您需要安裝hogan-express模塊​​並將其替換。

的部分看起來像這樣:

{{> head}} 
index 
</body> 
</html> 

局部模板是從發送GET或POST的對象,像這樣:

res.render('index.html', { 
    partials: { 
     head: 'partials/head.html' 
    } 
});