Templating

by Kaleb Hornsby

HTML

<script src="https://github.com/pure/pure/raw/master/libs/pure_min.js"></script>
<eocrepeatallrecords>
    <li><eocfield name="name" /> - <eocfield name="legs" /></li>
</eocrepeatallrecords>

JavaScript

var data = {
        legs: 4,
        records: [{
            name: 'dog',
            legs: 4
        }, {
            name: 'cat',
            legs: 4
        }, {
            name: 'bird',
            legs: 2
        }, {
            name: 'mouse',
            legs: 4
        }]
    },
    directive = {
        'li': {
            'record<-records': {
                'eocfield[name=name]': 'record.name'
                //,'eocfield[name=legs]': 'record.legs'
            }
        }
    };
$('eocrepeatallrecords').render(data, directive);