Meteor Template does not output data in each statement

Question

I have the following three files:

abc.js
abc.html
router.js

The each statement in HTML does not output data if it the HTML is surrounded by template. Removing the template is outputting data.

//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>

Why doesn't the template output data with the #each statement?

Kyll · Accepted Answer · 2015-09-15 10:49:39Z

1

You are using Template.body.helpers instead of mylist helpers.
Try to modify your code as below:

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" }
    ]
  });
}

You should also remove <body> tag from mylist template and include your template mylist on your 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>

edited Sep 15, 2015 at 10:49

Kyll

7,1648 gold badges45 silver badges64 bronze badges

answered Sep 15, 2015 at 10:36

GUISSOUMA Issam

2,5822 gold badges21 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sagar Hazary Over a year ago

Thanks GUISSOUMA.. Your answered Helped. :)

Collectives™ on Stack Overflow

Meteor Template does not output data in each statement

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related