Search code examples
javascriptmootoolstemplate-engine

mootools javascript template engine

I'm using this great javascript mootools template engine: https://github.com/tbela99/template

My template looks like this:

var tmpl = '<ul>' + 
                 '{repeat:products}' + 
                      '<li class="small">' +
                        '{photos.0.name}' +
                        '{name}' +
                      '</li>' +
                  '{/repeat:products}' + 
          '</ul>';

My data below:

var data = {"products":[{"id":"449","name":"Apple","photos":[{"name":"image.jpg"}]}]};
new Element('div',{'html':template.substitute(tmpl,data)}).inject(document.body);

And my question:

How to add custom modifier (.addModifier function) inside current context {repeat:products} and pass a value: {photos.0.name} ?

For example: {repeat:products}{customtag photos.0.name}{/repeat:products}. Thanks!

Solution

  • The modifier first argument is the current object in the loop :-)