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

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

动态渲染任何模板