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

Описание

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

Спектакль

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

//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 -

bower install template7