重用模板的一部分

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,
    }]
}