mustache - 重用模板的一部分

Question

我有一个像下面这样的模板

<div>
    <a href="{{href}}" class="{{class}}">{{linkText}}</a>
    same duplicate link below 
    <a href="{{href}}" class="{{class}}">{{linkText}}</a>
</div>

正如您在上面看到的，<a href="{{href}}" class="{{class}}">{{linkText}}</a>它被重复使用了两次。是否有任何可能的解决方案可以定义一次并根据需要多次使用它。

Answer 1

您可以使用Partials或Components实现此目的。这是一个使用示例Partials

http://jsfiddle.net/GdVz8/

<script id='template' type='text/ractive'>
<div>
    {{>link}}
    same duplicate link below 
    {{>link}}
</div>

<!-- {{>link}} -->
    <a href="{{href}}" class="{{class}}">{{linkText}}</a>
<!-- {{/link}} -->
</script>

Answer 2

您可以利用胡子迭代。

<div>
    {{#links}}
    <a href="{{href}}" class="{{class}}">{{linkText}}</a>
    {{/links}}
</div>

但是您需要重复数据。

{
    "links" : [{
        "href" : 1,
        "class" : 1,
        "linkText" : 1,
    },{
        "href" : 1,
        "class" : 1,
        "linkText" : 1,
    }]
}