流星重複模板

我試圖讓我的頭繞流星基礎知識。我創建了一個流星應用程序（與隕石）我在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

流星重複模板

回答

相關問題