как мне получить файл шаблона mustache.js? - PullRequest
Новая
       7

как мне получить файл шаблона mustache.js?

9 голосов
/ 10 декабря 2010

Я работаю с mustache.js впервые.Кажется, что все примеры, которые я нахожу, говорят о размещении всего встроенного, но я хочу, чтобы мои шаблоны были во внешних файлах, чтобы их можно было использовать в разных местах.Как я могу это сделать?(У меня есть jQuery в моем стеке, если это имеет значение.)

Скажем, у меня есть:

template.html 

{{title}} spends {{calc}}

data.js 

var data = { title: "Joe", calc: function() { return 2 + 4; } };

index.html 

<script type="text/javascript" src="data.js"></script>

<div id="target"></div>

<script type="text/javascript">
    var template = ?????? // how do I attach the template?
    var html = Mustache().to_html(template, data);
    $('#target')[0].innerHTML = html;
</script>

1 Ответ

1 голос
/ 10 декабря 2010 
template = $('.template').val();

Где ваш шаблон в DOM ... 

<textarea class="template"> 
<h1>{{header}}</h1>
{{#bug}}
{{/bug}}

{{#items}}
  {{#first}}
    <li><strong>{{name}}</strong></li>
  {{/first}}
  {{#link}}
    <li><a href="{{url}}">{{name}}</a></li>
  {{/link}}
{{/items}}

{{#empty}}
  <p>The list is empty.</p>
{{/empty}}
</textarea>

Вы также можете отображать несколько шаблонов прямо на своей странице ... 

<script id="yourTemplate" type="text/x-jquery-tmpl"> 
    {{tmpl "#yourTemplate"}}
    <div>Something: ${TemplateValue}</div>
</script>
...