gpt4 book ai didi

javascript - Meteor Template 不会在每个语句中输出数据

转载 作者:行者123 更新时间:2023-12-03 08:54:03 25 4
gpt4 key购买 nike

我有以下三个文件:

  • abc.js
  • abc.html
  • router.js

如果 HTML 被模板包围,HTML 中的each 语句不会输出数据。去掉模板就是输出数据。

//file name : abc.js

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" }
]
});
}
//file name router.js

Router.map(function () {
this.route('mylist',{
path:'/list',
});
});
//file name: abc.html

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

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

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

为什么模板不使用#each语句输出数据?

最佳答案

您正在使用Template.body.helpers而不是mylist helper 。
尝试修改您的代码如下:

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

您还应该删除 <body>标签来自mylist模板并包含您的模板 mylist在你的html上body :

<body>
{{>mylist}}
</body>

<template name="mylist">

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

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

</template>

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

关于javascript - Meteor Template 不会在每个语句中输出数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32583638/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com