Компонент «Template» отвечает за хранение и получение шаблонов написанных на шаблонизаторе библиотеки Lodash.
Шаблоны записываются в тег script с обязательными атрибутами type, data-template-id.
<script type="text/template" data-template-id="option-select">
<div class="<%= classes.option %> is-select">
<label class="<%= classes.label %>"><%= title %></label>
<select class="<%= classes.values %>" data-option-bind="<%= option.id %>">
<% _.forEach(values, function (value){ %>
<option
<%= value.controls %>
<%= value.state %>
>
<%= value.title %>
</option>
<% }) %>
</select>
</div>
</script>
Методы класса Template
Загрузка нового шаблона в список
/**
* @param {string} template_body - верстка шаблона
* @param {string} template_id - название шаблона
*/
Template.load('<button class="button button--click_me"><%= title %></button>', 'test-button')
Загрузка нового шаблона в список
/**
* @param {Object} templateData - информация для шаблонизатора
* @param {string} template_id - название шаблона
*/
$(targetNode).html(Template.render({ title: 'Click me!' }, 'test-button' ));
