mjumbewu · June 18, 2018 19:26
diff --git a/templates.hbs b/templates.hbs
 {# template.html #}
 <html>
  <ul>
    {{#each elems}}
      {{>childelem}}
    {{/each}}
  </ul>
 </html>

 {# childelem.html #}
 <li>{{name}}</li>
diff --git a/templates.js b/templates.js
 // template.js
 var {each} = require('jstemplates/utils');
 var childelem = require('jstemplates/package/childelem');

 function render(data) {
  return `
  <html>
    <ul>
      ${data.elems.map(childelem.render).join('')}
      ${each(data.elems, childelem.render)}
    </ul>
  </html>`
 }


 // childelem.js
 function render(elem, index, elems) {
  let classes = (index == elems.length - 1 ? 'last' : '');
  return `<li class="${classes}">${elem.name}</li>`
 }
	// template.js
	var {each} = require('jstemplates/utils');
	var childelem = require('jstemplates/package/childelem');

	function render(data) {
	return `
	<html>
	<ul>
	${data.elems.map(childelem.render).join('')}
	${each(data.elems, childelem.render)}
	</ul>
	</html>`
	}


	// childelem.js
	function render(elem, index, elems) {
	let classes = (index == elems.length - 1 ? 'last' : '');
	return `<li class="${classes}">${elem.name}</li>`
	}