2013-04-26 6 views

답변

7

의 당신이 핸들 템플릿 post.handlebars 있다고 가정 해 봅시다 : 템플릿 컴파일 프리 컴파일러

<div class="entry"> 
    <h1>{{title}}</h1> 
    <div class="body"> 
    {{body}} 
    </div> 
</div> 

사용 핸들 :

$ handlebars post.handlebars -f templates.js 

당신의 HTML 문서에서 컴파일 된 템플릿과 핸들 런타임을 포함을

<script src="/libs/handlebars.runtime.js"></script> 
<script src="templates.js"></script> 

이제 컴파일 된 템플릿에 액세스 할 수 있습니다.의 재산으로 사용 가능합니다. 그런 다음 템플릿에 데이터를 전달하고 HTML을 생성 한 다음 DOM에 추가합니다.

<script type="text/javascript"> 
    var template = Handlebars.templates.post; 
    var context = {title: "My New Post", body: "This is my first post!"}; 
    var html = template(context); 
    
 $(document).append(html); 
</script> 

프리 컴파일에 대한 자세한 내용은 http://handlebarsjs.com/precompilation.html을 참조하십시오. 또한 여기에 멋진 핸들 막대 자습서가 있습니다. http://javascriptissexy.com/handlebars-js-tutorial-learn-everything-about-handlebars-js-javascript-templating/

1

hbs 파일을 조각 파일로 저장하십시오. myTemplate.jspf이

아래로 HTML/JSP 파일이 포함 말

<script type="text/x-handlebars-template"> 
    <%@ include file="myTemplate.jspf" %> 
</script> 
관련 문제