I think a better way is to change the model dynamically. For example, if you are using JavaScript: model[‘items’][ model[‘items’].length – 1 ].last = true; and in your template, use inverted section: {{#items}} {{name}}{{^last}}, {{/last}} {{/items}} to render that comma.
In other words, it prevents you from shooting yourself in the foot. In the old JSP days, it was very common to have JSP files sprinkled with Java code, which made refactoring much harder, since you had your code scattered. If you prevent logic in templates by design (like mustache does), you will be obliged … Read more
You can do it like this… Mustache.render(‘<ul>{{#.}}<li>{{.}}</li>{{/.}}</ul>’, [‘foo’,’bar’,’baz’]); It also works for things like this… var obj = [{name: ‘foo’}, {name: ‘bar’}]; var tmp = ‘<ul>{{#.}}<li>{{name}}</li>{{/.}}</ul>’; Mustache.render(tmp, obj);
Built-in support since Handlebars 1.0rc1 Support for this functionality has been added to Handlebars.js, so there is no more need for external helpers. How to use it For arrays: {{#each myArray}} Index: {{@index}} Value = {{this}} {{/each}} For objects: {{#each myObject}} Key: {{@key}} Value = {{this}} {{/each}} Note that only properties passing the hasOwnProperty test … Read more
This is how you do if/else in Mustache (perfectly supported): {{#repo}} <b>{{name}}</b> {{/repo}} {{^repo}} No repos 🙁 {{/repo}} Or in your case: {{#author}} {{#avatar}} <img src=”{{avatar}}”/> {{/avatar}} {{^avatar}} <img src=”/images/default_avatar.png” height=”75″ width=”75″ /> {{/avatar}} {{/author}} Look for inverted sections in the docs: https://github.com/janl/mustache.js#inverted-sections
You’ve pretty much nailed it, however Mustache templates can also be compiled. Mustache is missing helpers and the more advanced blocks because it strives to be logicless. Handlebars’ custom helpers can be very useful, but often end up introducing logic into your templates. Mustache has many different compilers (JavaScript, Ruby, Python, C, etc.). Handlebars began … Read more