Учебники

Framework7 — Обзор шаблонов

Декабрь 31, 2018

Template7 — это легкий JavaScript-движок для мобильных устройств, который представляет Ajax и динамические страницы в виде шаблонов Template7 с заданным контекстом и не требует никаких дополнительных сценариев. Template7 ассоциируется с Framework7 в качестве легковесного механизма шаблонов по умолчанию, который работает быстрее для приложений.

Спектакль

Процесс компиляции строки в функцию JS является самым медленным сегментом шаблона7. Следовательно, вам не нужно компилировать шаблон несколько раз, достаточно только одного раза. 

//Here initialize the app
var myApp = new Framework7();

// After initializing compile templates on app
var searchTemplate = $('script#search-template').html();
var compiledSearchTemplate = Template7.compile(searchTemplate);

var listTemplate = $('script#list-template').html();
var compiledListTemplate = Template7.compile(listTemplate);

// Execute the compiled templates with required context using onPageInit() method
myApp.onPageInit('search', function (page) {

   // Execute the compiled templates with required content
   var html = compiledSearchTemplate({/*...some data...*/});

   // Do stuff with html
});

Template7 — это облегченный шаблонизатор, используемый в качестве автономной библиотеки без Framework7. Файлы Template7 могут быть установлены двумя способами:

Вы можете скачать из репозитория Template7 github .

Или же

Вы можете установить его с помощью следующей команды через Bower —

41
Share: