핸들–JavaScript 템플릿 시스템

시작 당신의 첫 번째 데모로 핸들을 다음과 같다:

있는 몇 가지 단계를 필요한 물건을 얻을 수 있고 실행하는 핸들을 가진. 먼저 HTML 파일에 템플릿을 만들어야합니다. 이들 표준<>태그 및 조합의 HTML 고 핸들 바 식입니다. 템플릿은 원하는 id 를 가질 수 있지만 유형은”text/x-handlebars-template”이어야합니다 그렇지 않으면 스크립트 태그가 JavaScript 로 렌더링됩니다.

HTML 코드 블록에 대한 예 핸들의 템플릿입니다.

이 예제에서는 나의 힘이 되신 여호와를 찬양하는’핸들-demo’템플릿 및 추가 어떤 HTML 및 네팔 식입니다.

이제 핸들 바에 대한 템플릿 처리기를 렌더링하고 추가하는 데 필요한 JavaScript 코드 블록을 넣으십시오.

JavaScript 블록 핸들을 준수 HTML

후 템플릿이 검색되,우리는 그것을 컴파일을 사용하여Handlebars.compile()방법을 반환하는 함수입니다. 그런 다음이 함수는 컨텍스트를 인수로 전달하여 실행됩니다. 실행이 완료되면 함수는 모든 변수가 해당 값으로 대체 된 원하는 HTML 을 반환합니다. 이 시점에서 우리는 웹 페이지에 HTML 을 주입 할 수 있습니다.

출력을 렌더링한 후 템플릿으로 사용하여 HTML 을 핸들:

의 결과로 출력한 후 실행하는 코드 템플릿

희망을 읽고 배우고 뭔가 새로운에서 오늘 이 문서입니다.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 항목은 *(으)로 표시합니다