使用不同的数据多次渲染一个胡子

Question

我有两个对象,我想并排渲染.从来没有我想要渲染更多或少于两个的情况.我的模型设置如下:

{
  obj1: {...},
  obj2: {...}
}

使用小胡子模板,我想使用相同的部分渲染每个对象:

<div>
  <h1>Object 1</h1>
  {{>objPartial}}
</div>
<div>
  <h1>Object 2</h1>
  {{>objPartial}}
</div>

但是,小胡子似乎不支持将上下文传递给partial.做类似的事情{{>objPartial obj1}}似乎应该得到支持,但我找不到任何关于为部分设置上下文的文档.

是否支持这种事情？如果没有,如何在不重复部分(objPartial1和objPartial2)的情况下实现相同的效果？

Answer 1

我认为你正在寻找的语法不是{{>objPartial obj1}},而是它应该是

{{#obj1}}
{{>objPartial}}
{{/obj1}}

其语法{{#}}不仅适用于数组 - 对于非数组对象,该对象也成为当前范围的一部分.

我已经分叉了maxbeatty的示例并对其进行了修改以显示此语法:

<script type="template/text" id="partial">
    <ul>
        {{#name}}
        <li>{{.}}</li>
        {{/name}}
    </ul>
</script>

<script type="template/text" id="main">
    <div>
        <h1>Stooges</h1>
        {{#object1}}
        {{>objPartial}}
        {{/object1}}
    </div>
    <div>
        <h1>Musketeers</h1>
        {{#object2}}
        {{>objPartial}}
        {{/object2}}
    </div>
</script>?

<script type="text/javascript">    
    var partial = $('#partial').html(),
        main = $('#main').html(),
        data = {

            object1: {
                name: ["Curly", "Moe", "Larry"]},
            object2: {
                name: ["Athos", "Porthos", "Aramis", "D'Artagnan"]}

        },
        html = Mustache.to_html(main,data, {
            "objPartial": partial
        });
    document.write(html);
</script>

链接到jsfiddle:http://jsfiddle.net/YW5zF/3/