外部把手模板骨干木偶

Question

在我的应用程序添加Marionette.sync插件并重写这些方法：

Backbone.Marionette.TemplateCache.prototype.loadTemplate = function (templateId, callback) { 
    var tmpId = templateId.replace("#", ""), 
     url = "/app/templates/" + tmpId + ".html"; 

    $.get(url, function (templateHtml) { 
     compiledTemplate = Handlebars.compile($(templateHtml).html()) 
     callback.call(this, compiledTemplate); 
    }); 
}; 

Backbone.Marionette.Renderer.renderTemplate = function (template, data) { 
    template(data); 
}; 

但这不能正常工作，任何想法？

Answer 1

我假设你在提到Marionette.Async插件后运行了Marionette的v0.9版本。

Renderer更改在方法名称中稍有偏离，没有什么是调用TemplateCache对象了。

如果你打算使用预编译的手把功能，那么你只需要做到这一点：如果你打算将模板异步加载，然后编译

Backbone.Marionette.Renderer.render = function(template, data){ 
    return template(data); 
}; 

，使用TemplateLoader，你代码将需要如下所示：

Backbone.Marionette.TemplateCache.prototype.loadTemplate = function (templateId, callback) { 
    var tmpId = templateId.replace("#", ""), 
     url = "/app/templates/" + tmpId + ".html"; 

    $.get(url, function (templateHtml) { 
     compiledTemplate = Handlebars.compile($(templateHtml).html()) 
     callback.call(this, compiledTemplate); 
    }); 
}; 

Backbone.Marionette.Renderer.renderTemplate = function (templateId, data) { 
    var renderer = $.Deferred(); 
    Backbone.Marionette.TemplateCache.get(templateId, function(template){ 
     var html = template(data); 
     renderer.resolve(html); 
    }); 
    return renderer.promise(); 
}; 

Renderer负责调用TemplateCache。

---

旁注：什么文章/博客文章/ wiki页面/是你使用从让你的代码文档？我可能错过了一些需要更新的页面。