누구든지 HTML 페이지에서 .hbs/.handlebars 템플릿을 인쇄 할 수있는 방법을 알고 있습니까? 어디에서나 보았지만 .hbs 파일을 디렉토리에 저장 한 다음 index.html에 인쇄하는 방법을 알 수 없습니다. 미안하지만, 나는 핸들 바를 처음 사용하는 사람이다. 미리 감사드립니다!.hbs 또는 .handlebars 서식 파일을 가져 와서 인쇄하는 방법은 무엇입니까?
3
A
답변
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>
관련 문제
- 1. 은 .handlebars 또는 .hbs 파일을 html로 포함합니다.
- 2. Nodejs + Handlebars - 현재 url 경로를 가져 와서 도우미로 전달
- 3. 키를 가져 와서 HTML 태그 안에 인쇄하는 방법은 무엇입니까?
- 4. ostream 참조를 가져 와서 인쇄하는 함수를 만드는 올바른 방법은 무엇입니까?
- 5. 서식 파일의 컨텍스트 콘텐츠를 인쇄하는 방법은 무엇입니까?
- 6. HTML 양식에서 암호를 가져 와서 인쇄하는 방법
- 7. .hbs 파일은 javascript를 제거합니다.
- 8. 이미지로 연결되는 .htm 파일을 가져 와서 이미지를 표시하는 방법은 무엇입니까?
- 9. gridfs에서 파일을 가져 와서 Nginx로 스트림으로 재생하는 방법은 무엇입니까?
- 10. C#에서 수정 된 Word 서식 파일을 인쇄하는 방법?
- 11. R 프로그래밍. 사용자로부터 데이터를 가져 와서 파일을 여는 방법은 무엇입니까?
- 12. JSP와 Servlet에서 파일을 가져 와서 Blob로 변환하는 방법은 무엇입니까?
- 13. 오디오 파일을 가져 와서 base64 문자열로 디코딩하는 방법은 무엇입니까?
- 14. Jasmine에 HBS 템플릿을 포함시키는 방법은 무엇입니까?
- 15. PrinteJob을 사용하여 .doc 파일을 인쇄하는 방법은 무엇입니까?
- 16. 바이너리 파일을 바이트로 인쇄하는 방법은 무엇입니까?
- 17. CakePHP에 파일을 보관하는 서식
- 18. 문자열에서 정보를 가져 와서 출력하는 방법은 무엇입니까?
- 19. 코드에서 PDF 파일을 인쇄하는 방법은 무엇입니까?
- 20. 골란 서식 파일에 새 줄을 인쇄하는 방법은 무엇입니까?
- 21. camelcontext를 가져 와서 작업을 시작하는 방법은 무엇입니까?
- 22. 데이터를 가져 와서 파일에 쓰는 방법은 무엇입니까?
- 23. Qt에서 프린터로 텍스트 파일을 인쇄하는 방법은 무엇입니까?
- 24. .htm 파일을 C#으로 인쇄하는 방법은 무엇입니까?
- 25. Android SDK에 파일을 가져 오는 방법은 무엇입니까?
- 26. 하나의 데이터 집합/데이터 테이블을 가져 와서 중첩 된 내용을 인쇄하는 방법은 무엇입니까?
- 27. 많은 양의 텍스트 필드에서 데이터를 가져 와서 인쇄하는 가장 좋은 방법은 무엇입니까?
- 28. NSDocument 서브 클래스를 가져 와서 커스텀 뷰를 인쇄하는 방법
- 29. Handlebars 템플릿의 기능에 액세스하는 방법은 무엇입니까?
- 30. 렌더링 된 Handlebars 템플릿을 div에로드하는 방법은 무엇입니까?