Question

我跟随教程here，在添加html和JavaScript以替换默认标记/代码后，我得到了＆＃34; 未捕获的TypeError：无法读取属性＆＃39;佣工＆＃39;未定义的＆＃34;

这是我的HTML，直接来自tut：

<head>
  <title>Todo List</title>
</head>

<body>
  <div class="container">
    <header>
      <h1>Todo List</h1>
    </header>

    <ul>
      {{#each tasks}}
        {{> task}}
      {{/each}}
    </ul>
  </div>
</body>

<template name="task">
  <li>{{text}}</li>
</template>

...这里是我的JavaScript，也是直接来自tut：

if (Meteor.isClient) {
  // This code only runs on the client
  Template.body.helpers({
    tasks: [
      { text: "This is task 1" },
      { text: "This is task 2" },
      { text: "This is task 3" }
    ]
  });
}

我在页面上看到的只有h1（＆＃34; Todo List＆＃34;）。

有什么问题，以及如何纠正？

Answer 1

抱歉，我没有仔细查看你的标记就回答了。请尝试以下方法：

<body>
  <div class="container">
    <header>
      <h1>Todo List</h1>
    </header>

    {{> tasks}}
  </div>
</body>

<template name="tasks">
  <ul>
    {{#each tasks}}
      {{> task}}
    {{/each}}
  </ul>
</template>

<template name="task">
  <li>{{text}}</li>
</template>

Template.tasks.helpers代替Template.body.helpers。

为什么我会得到，＆＃34;未捕获的TypeError：无法读取属性＆＃39;助手＆＃39;未定义＆＃34;在这个简单的流星应用程序？

1 个答案: