flatiron / plates

Light-weight, logic-less, DSL-free, templates for all javascript environments!
MIT License
831 stars 69 forks source link

Mapping the same partial multiple times with collections example #126

Open JMoli opened 9 years ago

JMoli commented 9 years ago

Just started playing with Plates. Struggled with getting multiple partials to work nicely. Here is an example of how I got it to work:

var partial = '<li class="partial"></li>';
var base = '<div><h1 class="foo"></h1><ul class="menu"></ul></div>';
var collection = [{'partial':'test1'},{'partial':'test2'},{'partial':'test3'}];
var multiPartial = Plates.bind(partial, collection);
var mapping = Plates.Map();
mapping.class('menu').append(multiPartial);
var baseData = { foo: 'bar' };
console.log(Plates.bind(base, baseData, mapping));