2014-09-10 4 views
9

emberjs.com의 홈페이지에는 수행 할 일 목록의 예제 인 handlebarsjs &이 있습니다. 할 일 목록에는 .hbs 파일의 확장자가 있으며 무엇이 .hbs인지 궁금합니다. 그리고 HTML에 .hbs 스크립트를 어떻게 포함합니까? 다음과 같은 내용 :은 .handlebars 또는 .hbs 파일을 html로 포함합니다.

<script type="text/hbs" src="hbs-file.hbs"></script> 

답변

16

핸들 바의 토큰이있는 HTML 조각 인 파일입니다. 파일 확장자가 무엇인지는 중요하지 않습니다. 그것은 당신이 원하는 무엇이든 될 수 있습니다.

자신의 HTML에 핸들 모음 템플릿을 포함하려면 파일을 만들고 원하는 이름을 지정한 다음 템플릿 파일을 가리키는 예제와 같은 <script> 태그를 포함하면됩니다.

클라이언트 측 핸들 바 템플릿을 사용하는 한 가지 방법은 스크립트 태그에 템플릿을 포함시키는 것입니다 (예에서와 같이). 원시 템플릿은 DOM에서 사용할 수 있지만 표시되지 않고 HTML로 처리되지 않으므로 코드에서 이미 사용할 수 있으므로 클라이언트 자바 스크립트로 템플릿으로 컴파일 한 다음 특정 데이터 세트로 HTML로 렌더링 할 수 있습니다 .

핸들 바 템플릿은 자바 스크립트로 만들 수도 있고 자바 스크립트로 만들 수도 있으며 Ajax (<script> 태그 메서드 외에 클라이언트에 가져 오는 두 가지 방법)를 통해 동적으로로드 할 수도 있습니다.

서버 측 핸들 막대를 사용하는 경우 템플릿은 서버에 남아있어 페이지에 <script> 태그로 표시 할 필요가 없습니다.

+0

아, 감사합니다. – Millzie

관련 문제