[Solved] #each loop over multiple documents from a collection in a single iteration

by


Use a helper to define what you want to iterate over — in this case, you could do something like return an array of objects that contain the first and second tasks you want to display:

<template name="whatever">
  {{#each getTasksToIterate}}
    <div>
      {{> task firstTask}}
      {{> task secondTask}}
    </div>
  {{/each}}

Then, in your helpers, define the function getTasksToIterate:

Template.whatever.helpers({
  getTasksToIterate: function() { 
    var tasks = [];
    _.each(this.tasks, function(task, index) { 
      if (index % 2 === 0) { // Pick the odd ones
        tasks.push({firstTask: elem, secondTask: this.tasks[index + 1]}); 
      }

    return tasks;
  }
});

Note that this assumes you have an even number of tasks; if you occasionally have an odd number you’d need to deal with that with appropriate if statements, etc.

1

solved #each loop over multiple documents from a collection in a single iteration