핸들바 예제

_.template을 Handlebars.compile(tmpl_string)으로 바꿔드했습니다. 그것은 작동하는 것 같다. 이것은 Handlebars.js 템플릿 및 주로 자바 스크립트 템플릿에 대한 완전한 자습서 및 실제로 참조입니다. Handlebars.js는 자바 스크립트에 대한 템플릿 엔진 (서버에서도 사용할 수 있지만) 클라이언트 측입니다. 다른 JavaScript 파일을 포함하는 것처럼 페이지에 포함하는 JavaScript 라이브러리입니다. 또한 Handlebars.js 함수에 전달한 데이터의 값과 함께 구문 분석 및 보간되는 템플릿을 HTML 페이지에 추가할 수 있습니다. 비 자바 스크립트 템플릿과 비교할 때 핸들 바가 수반되는 개발에 대한 높은 수준의 개요를 얻으려면 빠르고 작은 JavaScript 프로젝트를 빌드해 보겠습니다. 당연히 많은 JavaScript 클라이언트 측 템플릿 엔진이 있지만 이 자습서에서는 가장 좋은 엔진이므로 이 자습서에서는 Handlebars.js에만 집중할 것입니다. 다른 가치있는 템플릿 엔진 중 일부는 Underscore.js `템플릿, 콧수염.js, EJS, 그리고 Dust.js입니다. 이 명령은 컴파일된 모든 템플릿을 포함하는 컴파일된 템플릿이라는 파일을 생성합니다. 컴파일러는 Handlebars.templates에 템플릿을 삽입합니다. 입력 파일이 demo.handlebars인 경우 Handlebars.templates.demo에 삽입됩니다.이 핸들 바 템플릿을 위해 모듈 및 종속성(템플릿 포함)을 등록하기 위해 정의() 함수를 사용한다는 것입니다.

Require.js (파일 및 모듈 로더)는 템플릿을로드하여 변수에 할당하고 프로젝트에서 사용할 수 있습니다. 나중에 Backbone.js 응용 프로그램에서 AMD 및 요구 사항.js에 대한 자세한 내용은. 다음은 핸들 바 템플릿을 함께 컴파일하고 DOM에 추가하기 위한 몇 가지 jQuery와 함께 Spotify에 대한 AJAX API 호출입니다. 여기에 있는 단계는 이전과 동일합니다. 템플릿에서 HTML을 얻고 컴파일 함수에 HTML을 추가하고 컨텍스트 개체에 추가 한 다음 DOM에 추가합니다. 핸들바를 사용하여 실행하는 데 필요한 몇 가지 단계가 있습니다. 먼저 HTML 파일에 템플릿을 만들어야 합니다. 이는 표준 태그에서 만들어지며 HTML 및 핸들바 식의 조합입니다. 템플릿에는 원하는 ID가 있을 수 있지만 형식은 „텍스트/x-핸들바-템플릿“이어야 하며 그렇지 않으면 스크립트 태그가 JavaScript로 렌더링됩니다.

감사! 마지막으로 핸들 바에 대한 멋진 튜토리얼 사용자 정의 기능 도우미뿐만 아니라, 우리는 또한 사용자 정의 블록 도우미를 추가 할 수 있습니다. 사용자 지정 블록 도우미를 등록할 때 Handlebars는 콜백 함수의 마지막 매개 변수로 옵션 개체를 자동으로 추가합니다. 옵션 개체에는 fn 메서드, 해시 개체 및 역 메서드가 있습니다. 나는 그것이 당신을 위해 작동하지 않은 이유를 확실하지 않다. 나는 그것이 당신이 그것을 복사 하는 방법 이었을 것 같아요. 방금 비 핸들 바 예제 코드를 복사하여 JSBin에 붙여 넣은 예제는 다음과 같습니다 (jQuery 2.0도 사용 http://jsbin.com/ABIBATU/1/edit했습니다) 핸들 바는 템플릿 내에서 JavaScript를 직접 작성할 수 없습니다. 대신, 그것은 당신에게 도우미를 제공합니다. 템플릿에서 호출할 수 있는 JavaScript 함수이며 코드를 재사용하고 복잡한 템플릿을 만드는 데 도움이 됩니다.

Die Kommentarfunktion ist geschlossen.