18 октября, 12:30
Конференция для селлеров одежды и аксессуаров
Практические рекомендации, разбор кейсов, нетворкинг.Подробнее Подробнее
Реклама
ООО Инсейлс Рус ИНН 7714843760 erid: 2RanyoC2uRi

Lodash шаблоны

Компонент «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

load

Загрузка нового шаблона в список

/**
* @param {string} template_body - верстка шаблона
* @param {string} template_id - название шаблона
 */
Template.load('<button class="button button--click_me"><%= title %></button>', 'test-button')

render

Загрузка нового шаблона в список

/**
* @param {Object} templateData - информация для шаблонизатора
* @param {string} template_id - название шаблона
 */
$(targetNode).html(Template.render({ title: 'Click me!' }, 'test-button' ));

Оставить оценку

Оценка успешно отправлена.
Она будет проверена администратором перед публикацией.
Перед публикацией все оценки проходят модерацию

Оценки: 0

Остались вопросы?
Отправь тикет в техподдержку!
Еще нет своего магазина?
Создайте интернет-магазин на платформе inSales
Всё для продаж уже внутри!
Нажимая кнопку «Зарегистрироваться», я принимаю Пользовательское соглашение и Политику конфиденциальности
Недавно просмотренные статьи
Продолжая пользоваться сайтом,
вы соглашаетесь с использованием cookie