Слияние кода завершено, страница обновится автоматически
http://qinshenxue.oschina.io/tpl/
Данные передаются в шаблон через параметр $data
Используйте вспомогательные методы (описание доступно в разделе API) через $tools
<div> {{= $data.propertyName }} </div>
<div> {{= Math.random() }} </div>
<div> {{= $tools.formatDate($data.date) }} </div>
```
### Нативный синтаксис JavaScript
```text
{{ if ($data.condition) { }}
<div>Выполняется условие</div>
{{ } else { }}
<div>Условие не выполнено</div>
{{ } }}
```
```text
{{ var list = $data.array; }}
{{ for (var i = 0, j = list.length; i < j; i++) { }}
<div>{{= list[i] }}</div>
{{ } }}
```
## API
### `tpl(tplId, data)`
- `tplId` — id контейнера, содержащего шаблон
- `data` — данные для отображения шаблона
Возвращает результат отображения
document.getElementById('output').innerHTML = tpl('tpl-exemple', {array: [1, 2, 3]});
### `tpl.compile(source[, cacheId])`
- `source` — содержимое шаблона для компиляции
- `[необязательный параметр] cacheId` — id кэширования
Возвращает функцию отображения
var render = tpl.compile('{{=$data.property}}'); render({property: 'Привет мир'});
### `tpl.render(tplId, data)`
Аналогичен `tpl(tplId, data)`
### `tpl.tool(toolName, toolFunction)` Добавляет вспомогательные методы, которые можно использовать в шаблоне
- `toolName` — имя вспомогательного метода
- `toolFunction` — сам вспомогательный метод
tpl.tool('formatDate', function (date) { var d = new Date(date); return d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate(); });
Использование в шаблоне
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )