2014-09-10 3 views
9

На домашней странице emberjs.com есть пример emberjs & handlebarsjs списка todo. В списке задач есть расширение для файла .hbs, и мне было интересно, что такое .hbs? И как включить скрипт .hbs в HTML? Что-то вроде этого:включают в себя .handlebars или файл .hbs в html

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

ответ

16

Это рули файл шаблона, который представляет собой фрагмент HTML с Рули лексем в нем. Неважно, что такое расширение файла; это может быть все, что вы хотите.

Чтобы включить шаблон руля в свой собственный HTML, вы просто создаете файл, указываете ему любое имя, а затем добавляете тег <script>, как те, что указаны в примере, который указывает на файл вашего шаблона.

Один из способов использования шаблонов ручек на стороне клиента - включить их в теги скриптов (как в вашем примере). Необработанный шаблон будет доступен в DOM, но не будет отображаться и не обрабатываться как HTML, поэтому он уже доступен вашему коду, поэтому он может быть скомпилирован в шаблон вашим javascript вашего клиента и затем отображен в HTML с определенным набором данных ,

Шаблоны ручек также могут быть в вашем javascript, построенном вашим javascript, или могут быть загружены динамически через Ajax (два других способа получить их в клиенте в дополнение к методу тега <script>).

Если вы использовали серверы на рулевом сервере, то шаблоны могут оставаться на сервере и не нужно помещать на страницу как теги <script>.

+0

О, я понимаю, теперь спасибо. – Millzie

Смежные вопросы