流星重复模板

我试图让我的头绕流星基础知识。我创建了一个流星应用程序（与陨石）我在HTML文件由启动脚本流星重复模板

产生的基础文件，我有一个模板：

<body> 
<h1>test</h1> 
    {{#each items}} 
    {{> envelop}} 
    {{/each}} 
</body> 

<template name="envelop"> 
<div class="envelop"><div class="envelop-inner"> 
    <h1>{{ title }}</h1> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
</div></div> 
</template>

然后在我的js文件我有以下代码：

if (Meteor.isClient) { 
    itemsData = [ 
    {title: 'test1'}, 
    {title: 'test2'}, 
    {title: 'test3'} 
    ]; 
    Template.envelop.helpers ({ 
    items: itemsData 
    }); 
}

我试图让流星运行通过并复制部分。我似乎无法使这项工作，我不断收到错误。或者没有任何东西会打印在页面上。

我想我错过了一件基本的事情。

来源

2013-05-31 Yannick Schall

您的帮助程序所在的模板是由items提供的数据上下文的模板，因此只需将其封装在模板中即可。该items助手只能通过envelop但没有较高的（如身体）可以看出

<body> 
<h1>test</h1> 
</body> 

<template name="envelop"> 
    {{#each items}} 
    {{>item}} 
    {{/each}} 
</template> 

<template name="item"> 
    <div class="envelop"><div class="envelop-inner"> 
     <h1>{{ title }}</h1> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
    </div></div> 
</template>

来源

2013-05-31 13:15:52 Akshat

魔术，感谢的人！没有得到。另一个问题是你在头像上的哪一个？ –

哈哈我很害怕，因为它开始看着我 – Akshat

流星重复模板

回答

相关问题