DomTemplate Example

If you wish to create a number of elements for each member of the array, then you can use a special <loop> element. This will be removed from the resulting tree.

HTML

<script src="https://github.com/PAEz/domtemplate/raw/master/lib/domtemplate.js"></script>
    <div id="ex8">
      <loop foreach="person in ${people}">
        <h1>${person.name}</h1>
        <p>${person.address}</p>
      </loop>
    </div>

JavaScript

var data = {
    people: [
        {
        name: 'Miss Marple',
        address: 'St Mary Mead'},
    {
        name: 'Sherlock Holmes',
        address: '221B Baker St'},
    {
        name: 'Hercule Poirot',
        address: 'Whitehaven Mansions'}
    ]
};
template('ex8', data);