如何在同一个地方多次渲染多个模板？

Question

我有几个模板：

<template name='mamals'> 
    <div id={{id}} class="mamals-container"> 
     {{> UI.contentBlock}} 
    </div> 
</template> 
<template name='dog'> 
    {{#mamals}} 
     <div class="dog"> 
      <p>I'm a dog</p> 
     </div> 
    {{#mamals}} 
</template> 
<template name='cat'> 
    {{#mamals}} 
     <div class="cat"> 
      <p>I'm a cat</p> 
     </div> 
    {{#mamals}} 
</template> 
<template name='pig'> 
    {{#mamals}} 
     <div class="pig"> 
      <p>I'm a pig</p> 
     </div> 
    {{#mamals}} 
</template> 

所以在主网页我有一个在那里用户可以拖动和他们想进农家下降，因为很多动物。我需要完成的是每次用户拖动一个动物时，我想渲染该模板并将其添加到农场（无需替换，只需添加它）。我怎样才能实现这个？

在此先感谢！

Answer 1

与Blaze可以渲染动态使用JS http://docs.meteor.com/#/full/blaze_render