повторное использование части шаблона

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

Вы можете использовать итерацию усов.

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

Но вам нужны ваши данные для повторения.

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

Answer 2

Вы можете использовать либо 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>