2013-09-25 5 views
7

어떤 식 으로든 hogan.js를 ".NET의 면도기 또는 마스터 페이지"와 같은 레이아웃을 가진 템플릿 엔진으로 사용할 수 있습니까?hogan.js 마스터 페이지 또는 레이아웃

layout.hjs : 는 "헤더"& "바닥 글"

index.hjs이 포함 는 layout.hjs을 포함 만 페이지 내용이 포함됩니다 이 같은 결과를 얻을 것 .

답변

1

".NET의 면도기 또는 마스터 페이지"가 ​​무슨 뜻인지 확실하지 않습니다. 보기 부분을 사용 하시려면 무엇을 하시겠습니까?

var express = require('express'); 
var app = express(); 

app.set('views', __dirname + '/views'); 
app.set('view engine', 'hjs'); 

app.use(app.router); 
app.use(express.static(__dirname + '/public')); 

app.get('/', function(req, res, next) { 
    res.render('index'); 
}); 

app.listen(3000); 

당신은 npm install express [--save], npm install hjs [--save] 할 것이다, 따라서 이미 여부를 당신의 package.json 내부에 있다면 다음과 같이

는 그러나 익스프레스에 대한 Hogan.js을 설정하는 기본 방법입니다.

그러면 뷰 디렉토리를 만들고 index.hjs 파일을 던지면 설정됩니다.

템플릿으로 무엇을하고 싶은지 알려주세요. 거기에서 작업 할 수 있습니다.

9

확인 :

layout.hjs :

{{> header}} 
{{$content}} 
    default content 
{{/content}} 
{{> footer}} 

index.hjs :

{{<layout}} 
    {{$content}} 
    your content goes here 
    {{/content}} 
{{/layout}} 

모두에 대한 호건 테스트 파일을 참조

가 할 수있는 : BTW https://github.com/twitter/hogan.js/blob/master/test/index.js

. 이것은 [email protected]입니다. mpn을 사용하여 git url로 가져 오기