0

我正在尝试了解 Meteor 的基础知识。我创建了一个流星应用程序(使用流星)我有启动脚本生成的基础文件

在我的 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
  });
}

我试图让 Meteor 穿过它并复制部分。我似乎无法完成这项工作,我不断收到错误。或者页面上什么也没有打印出来。

我想我错过了一个基本的东西。

4

1 回答 1

0

您的助手所在的模板将具有由 给出的数据上下文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-31T13:15:52.217 回答