javascript - mustache ，使用外部模板

Question

我正在阅读有关使用 Mustache.js 进行模板化的内容。我不明白的是如何放置模板。我不会将它们放在同一个文件中。

$.get('test.htm', function(templates) {
    // Fetch the <script /> block from the loaded external
    // template file which contains our greetings template.
    var template = $(templates).filter('#tpl-greeting').html();
    $('body').append(Mustache.render(template, templateData));
});


//test.htm 
<script id="tpl-greeting" type="text/html">
<dl>
    <dt>Name</dt>
    <dd>{{name}}</dd>
    <dt>Time</dt>
    <dd>{{timeNow}}</dd>
</dl>
</script>

我是否必须创建一个 Controller 来返回我的模板，或者我可以引用它吗？

Answer 1

有几种方法可以做到这一点。

1. 如果您使用服务器端脚本语言(如 PHP)，只需将它们包含在单独的 .mst 中即可。 (扩展名实际上可以是你想要的任何东西)JS 中的文件。例如， var _templateName = <?= JS::mustache('content/templateName.mst') ?>; .因此，当 JS 实际呈现时，它将使用标记进行呈现，但代码仍然是可维护的。此外，通过这种方法，如果您使用 CDN，您的站点将因缓存的 JS 而受益匪浅。
2. 另一种方法是使用 jQuery 的 $.get 加载外部 HTML 文件。 , $.getJSON等方法。更详细的实现是 given here .