Слияние кода завершено, страница обновится автоматически
Лёгкий и высокопроизводительный шаблонизатор на JavaScript.
npm install gotpl --save
<script>
Просто скачайте и включите с помощью тега script. Переменная playable будет зарегистрирована как глобальная.
<script src="https://cdn.jsdelivr.net/npm/gotpl/dist/gotpl.min.js"></script>
Вы можете просмотреть исходный код пакета NPM по адресу cdn.jsdelivr.net/npm/gotpl.
$ npm run test
Также вы можете проверить отчёт о тестировании в браузере.
<h1>Projects</h1>
<ul id="list"></ul>
<% if (projects.length) { %>
<% for (var i = 0, l = projects.length; i < l; ++i) { %>
<% var item = projects[i]; %>
<li class="item">
<a target="_blank" href="<%=item.url%>"><%= item.name %></a>
</li>
<% } %>
<% } %>
var data = {
projects: [{
"name": "gotpl",
"url": "https://github.com/Lanfei/gotpl"
}, {
"name": "playable.js",
"url": "https://github.com/Lanfei/playable.js"
}, {
"name": "webpack-isomorphic",
"url": "https://github.com/Lanfei/webpack-isomorphic"
}, {
"name": "websocket-lib",
"url": "https://github.com/Lanfei/websocket-lib"
}, {
"name": "node-cd-cluster",
"url": "https://github.com/Lanfei/node-cd-cluster"
}]
};
var tpl = document.getElementById('tpl').innerHTML;
document.getElementById('list').innerHTML = gotpl.render(tpl, data);
gotpl.config(options);
gotpl.render(template, data, options);
gotpl.renderFileSync(path, data, options);
gotpl.renderFile(path, data, options, (err, html) => {
// Ваш код.
});
await gotpl.renderFile(path, data, options);
// Кэширование скомпилированной функции
let fn = gotpl.compile(template, options);
fn(data);
app.engine('tpl', template.renderFile);
app.set('view engine', 'tpl');
root — корень файлов шаблонов;scope — контекст рендеринга, по умолчанию global в узле, window в браузере;debug — включить вывод отладочной информации, по умолчанию false;cache — включить кэширование, по умолчанию true;minify — минимизировать отступы, по умолчанию true;openTag — открывающий тег, по умолчанию <%;closeTag — закрывающий тег, по умолчанию %>.<% code %> — логический код;<%= value => — вывести значение как экранированный HTML;<%- value %> — вывести значение как неэкранированный HTML.Используйте функцию include(path[, data, options]), чтобы импортировать частичные шаблоны, и используйте тег <%- value %> для вывода:
<h1>Projects</h1>
<ul id="list"></ul>
<% if (projects.length) { %>
<% for (var i = 0, l = projects.length; i < l; ++i) { %>
<%- include('project', projects[i]) %>
<% } %>
<% } %>
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )