Framework7 - Visão geral dos modelos

Descrição

O Template7 é um mecanismo JavaScript leve e voltado para dispositivos móveis, que representa Ajax e páginas dinâmicas como modelos Template7 com contexto especificado e não requer nenhum script adicional. O Template7 está associado ao Framework7 como um mecanismo de template leve e padrão, que funciona mais rápido para aplicativos.

atuação

O processo de compilar string para a função JS é o segmento mais lento do template7. Portanto, você não precisa compilar o modelo várias vezes, apenas uma vez é suficiente.

//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 é um mecanismo de template leve usado como uma biblioteca independente sem o Framework7. Os arquivos Template7 podem ser instalados de duas maneiras -

  • Você pode baixar do repositório github Template7 .

    • Ou

  • Você pode instalá-lo usando o seguinte comando via Bower -

bower install template7