templateLayoutFactory

// В данном примере в макет добавляются значение опции "colorClass" и значение свойства "header". 
// Если для свойства "header "не задано значение, вставляется строка "Title".
var LayoutClass = ymaps.templateLayoutFactory.createClass(
    '<h1 class="{{ options.colorClass }}">' +
    '{{ properties.header|default:"Title" }}' +
    '</h1>'
);

// В зависимости от значения опции "width" подключается один из макетов.
var LayoutClass = ymaps.templateLayoutFactory.createClass(
    '{% if options.width > 200 %}' +
    // Необходимый макет будет найден в опциях.
    '{% include options.wideLayout %}' +
    '{% else %}' +
    // Записываем ключ.
     '{% include "cluster#balloonCarousel" %}' +
    '{% endif %}'
);

// Вывод в макет балуна массива имен.
var CustomLayoutClass = ymaps.templateLayoutFactory.createClass(
  '<ul>' +
  '{% for name in properties.names %}' +
  // Переменная name доступна только в блоке for ... endfor.
  '<li>{{ name }}</li>' +
  '{% endfor %}' +
  '</ul>'
);

var placemark = new ymaps.Placemark([54.83, 37.11], { 
    names: ['Logan', 'Sofia', 'Mason', 'Layla']
}, {
    balloonContentLayout: CustomLayoutClass
});

// Получение имени полей.
var CustomLayoutClass = ymaps.templateLayoutFactory.createClass(
  '<ul>' +
  '{% for key, value in properties.hash %}' +
  '<li>{{ key }} {{ value }}</li>' +
  '{% endfor %}' +
  '</ul>'
);

var placemark = new ymaps.Placemark([54.83, 37.11], { 
     hash: { key1: "value1", key2: "value2", key3: "value3" }
}, {
     balloonContentLayout: CustomLayoutClass
});

{Function}  _<static>_ templateLayoutFactory.createClass(template[, overrides[, staticMethods]])