僅編譯Handlebars.js模板的一部分

Question

我有一個Handlebars.js模板，我希望它能零散地完成，因為該模板的各個部分分別對應於不同的Backbone.js子視圖。 是否可以僅編譯以下模板的#subsection部分？

<section id="widget">
    <h1>Widget Header!</h1>
    <nav id="nav">
        <!-- blah blah stuff here -->
    </nav>
    <section id="subsection">
        <!-- rah rah more stuff here -->
    </section>
</section>

注意：我意識到很多人會想知道為什么我不應該只為每個模板使用一個文件。 目前，我僅使用此模板一次，因此沒有理由將其拆分。

Answer 1

基本上，對於您的要求，不，您無法渲染Handlebars模板的子部分。

您可能想要的是多個模板。 每個視圖一個。 然后，您只能重新渲染視圖。

Answer 2

正確地，您需要幾個模板。 一個子視圖的一個模板。

但是您可以使用jQuery（我不了解zepto）。

var html = widgetTemplate(); // your template    
var el = $(html);
var elementForSubvie = el.find('#subsection');

它可以工作，但是不好的方法。