Iterating over basic “for” loop using Handlebars.js

by

There’s nothing in Handlebars for this but you can add your own helpers easily enough.

If you just wanted to do something n times then:

Handlebars.registerHelper('times', function(n, block) {
    var accum = '';
    for(var i = 0; i < n; ++i)
        accum += block.fn(i);
    return accum;
});

and

{{#times 10}}
    <span>{{this}}</span>
{{/times}}

If you wanted a whole for(;;) loop, then something like this:

Handlebars.registerHelper('for', function(from, to, incr, block) {
    var accum = '';
    for(var i = from; i < to; i += incr)
        accum += block.fn(i);
    return accum;
});

and

{{#for 0 10 2}}
    <span>{{this}}</span>
{{/for}}

Demo: http://jsfiddle.net/ambiguous/WNbrL/

More Related Contents:

  1. What are the differences between Mustache.js and Handlebars.js?
  2. Handlebars.js Else If
  3. Logical operator in a handlebars.js {{#if}} conditional
  4. Handlebars/Mustache – Is there a built in way to loop through the properties of an object?
  5. How to iterate over array of objects in Handlebars?
  6. Is there a built-in way to loop through the properties of an object?
  7. Access properties of the parent with a Handlebars ‘each’ loop
  8. How do I access an access array item by index in handlebars?
  9. How to get index in Handlebars each helper?
  10. Access a variable outside the scope of a Handlebars.js each loop
  11. Passing variables through handlebars partial
  12. Need Handlebars.js to render object data instead of “[Object object]”
  13. Insert html in a handlebar template without escaping
  14. Handlebarsjs check if a string is equal to a value
  15. Handlebars: Access has been denied to resolve the property “from” because it is not an “own property” of its parent
  16. how express forming the img URL
  17. Using pre-compiled templates with Handlebars.js (jQuery Mobile environment)
  18. Handlebars Template rendering template as text
  19. Using Express Handlebars and Angular JS
  20. Is there any way to use multiple view engines with Express + Node.js
  21. ember.js + handlebars: render vs outlet vs partial vs view vs control
  22. Is it possible to load a Handlebars template via Ajax?
  23. Rendering resolved promise value in Ember handlebars template
  24. How can I fix Highcharts error #13?
  25. Handlebars.js if block helper ==
  26. Positional index in Ember.js collections iteration

Leave a Comment