javascript - handlebarsjs - 如何使用 include 代替重复代码

Question

经过大量努力，我已经实现了 handlebarsjs到一个测试站点，该站点在用户输入时显示用户数据。

为了以不同的模板样式显示用户输入，我不得不重复相同的handlebarsjs以相同的形式多次编码。

有没有办法将重复的 Handlebars 代码放置在外部页面中，然后包含此外部页面来代替重复的 Handlebars 代码？

我不确定语法，或者即使这种方法可以使用handlebarsjs (我已经尝试了几种方法 - 但无法使其正常工作)。

这是我剔除的重复代码:

{{# if address_style_one_line }}

    {{! address is to be displayed across one line - replaced line breaks with line space }}
    {{# if address_style_01 }}
    ....
    {{else}}
        {{# if address_style_02 }}
        ....

{{else}}

    {{! address is to be displayed across more than one line - use this format as the template for the address scross one line style }}
    {{# if address_style_01 }}
    ....
    {{else}}
        {{# if address_style_02 }}
        ....

{{/if}}

Answer 1

您应该能够使用部分来完成此任务。部分允许您在其他模板中重用模板。

文档:

• 基本用法:http://handlebarsjs.com/#partials
• 其他功能:http://handlebarsjs.com/partials.html

粗略示例:

<script id="address-template" type="text/x-handlebars-template">
    {{# if address_style_one_line }}
        {{> address}}
    {{else}}
        {{> address}}
    {{/if}}
</script>

<script id="address-partial" type="text/x-handlebars-template">
    // repeated template goes here

    {{! address is to be displayed across one line - replaced line breaks with line space }}
    {{# if address_style_01 }}
       ....
    {{else}}
        {{# if address_style_02 }}
       ....
</script>

<script type="text/javascript">
    $(document).ready(function() {  
        // register partial
        Handlebars.registerPartial("address", $("#address-partial").html());
    });
</script>