Учебники

Framework7 – Автокомпиляция

В Template7 вы можете автоматически компилировать свои шаблоны, указав специальные атрибуты в теге <script>.

Следующий код показывает макет автокомпиляции –

<script type = "text/template7" id = "myTemplate">
   <p>Hello, my name is {{name}} and i am {{age}} years old</p>
</script> 

Вы можете использовать следующие атрибуты для инициализации автоматической компиляции –

  • type = “text / template7” – Он используется для указания Template7 на автоматическую компиляцию и является обязательным типом сценария.

  • id = “myTemplate” – шаблон доступен через идентификатор и является обязательным идентификатором шаблона.

type = “text / template7” – Он используется для указания Template7 на автоматическую компиляцию и является обязательным типом сценария.

id = “myTemplate” – шаблон доступен через идентификатор и является обязательным идентификатором шаблона.

Для автоматической компиляции необходимо включить инициализацию приложения, передав следующий параметр –

var myApp = new Framework7 ({
   //It is used to compile templates on app init in Framework7
   precompileTemplates: true,
});

Template7.templates / myApp.templates

К автоматически скомпилированным шаблонам можно обращаться как к свойствам Template7.templates после инициализации приложения. Он также известен как myApp.templates, где myApp является инициализированным экземпляром приложения.

Вы можете использовать следующие шаблоны в нашем файле index.html –

<script type = "text/template7" id = "personTemplate">
   <p>Hello, my name is {{name}} and i am {{age}} years old</p>
   <p>I work as {{position}} at {{company}}</p>
</script>
 
<script type = "text/template7" id = "carTemplate">
   <p>I have a great car, it is {{vendor}} {{model}}, made in {{year}} year.</p>
   <p>It has {{power}} hp engine with {{speed}} km/h maximum speed.</p>
</script> 

Вы также можете получить доступ к шаблонам в JavaScript после инициализации приложения –