是否可以通过 Ajax 加载 Handlebars 模板？

Posted 2023-02-19

【中文标题】是否可以通过 Ajax 加载 Handlebars 模板？

【英文标题】：Is it possible to load a Handlebars template via Ajax?

【发布时间】：2012-03-17 04:11:46

【问题描述】：

我想即时加载其他模板。有可能吗？

【参考方案1】：

我正在使用 requirejs 和文本插件来动态加载车把模板。

r.js 优化器会将 handlerbar 模板编译为文本文件，可以使用 requirejs 甚至 ajax 轻松加载

【参考方案2】：

您可以在Ember.TEMPLATES注册新模板。然后它们将可供查看。

摘自我的代码（jQuery Ajax 处理程序）：

success: function(data) 
  $(data).filter('script[type="text/x-handlebars"]').each(function() 
    templateName = $(this).attr('data-template-name');
    Ember.TEMPLATES[templateName] = Ember.Handlebars.compile($(this).html());
  );

就是这样。

【讨论】：

Mike...您介意将代码封装到一个更大的包中以便我们可以查看生命周期吗？您如何存储外部模板？它的文件类型是什么？你是用 get 还是 getJSON 加载它？

我从 get 调用的结果中检索模板内容，其中包含 HTML 实体，因为它们会以普通的标准页面响应形式到达。

这是一个 [我的] 拯救世界的解决方案 :) 谢谢！

这通常被认为是好的做法吗？还是应该在第一页加载时加载所有视图？

一般来说，所有模板都作为一个预处理过的数据集加载，但在某些极端情况下，这段代码可能有用。

【参考方案3】：

我只是在找同样的东西，正要和下面的 sn-p 玩一玩

信用：github上的borismus https://gist.github.com/2165681

<script>
/*
 * Loads a handlebars.js template at a given URL. Takes an optional name, in which     case,
 * the template is added and is reference-able via templateName.
 */
function loadTemplate(url, name, callback) 
  var contents = $.get(url, function(templateText) 
    var compiledTemplate = Ember.Handlebars.compile(templateText);
    if (name) 
      Ember.TEMPLATES[name] = compiledTemplate
     else 
      Ember.View.create( template: compiledTemplate ).append();
    
    if (callback) 
      callback();
    
  );

</script>

【讨论】：

确实很有趣。它更像是一种原语，加载单个模板。我以前的解决方案允许加载任意数量的模板（更适合我的需要）。

我明白了。我实际上非常喜欢多模板“包含”文件的想法，只是为了从 HTML 文件中获得一些噪音，而不是创建太多请求。好电话