Framework7 - Templates Overview

Description

Template7 is a pghtweight, mobile-first JavaScript engine, which represents Ajax and dynamic pages as Template7 templates with specified context and does not require any additional scripts. Template7 is associated with Framework7 as a default, pghtweight template engine, which works faster for apppcations.

Performance

The process of compipng string to JS function is the slowest segment of template7. Hence, you do not need to compile the template multiple times, only once is sufficient.

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

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

var pstTemplate = $( script#pst-template ).html();
var compiledListTemplate = Template7.compile(pstTemplate);

// 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 is a pghtweight template engine used as a standalone pbrary without Framework7. The Template7 files can be installed using two ways −

You can download from Template7 github repository.

Or

You can install it using the following command via Bower −

bower install template7