Framework7 - Panoramica dei modelli

Descrizione

Template7 è un motore JavaScript leggero e mobile-first, che rappresenta Ajax e pagine dinamiche come modelli Template7 con contesto specificato e non richiede script aggiuntivi. Template7 è associato a Framework7 come motore di modelli predefinito e leggero, che funziona più velocemente per le applicazioni.

Prestazione

Il processo di compilazione della stringa nella funzione JS è il segmento più lento di template7. Quindi, non è necessario compilare il modello più volte, solo una volta è sufficiente.

//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 è un motore di modelli leggero utilizzato come libreria standalone senza Framework7. I file Template7 possono essere installati in due modi:

Puoi scaricare dal repository GitHub Template7 .

Puoi installarlo utilizzando il seguente comando tramite Bower:

bower install template7