Учебники

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

Декабрь 31, 2018

В 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 после инициализации приложения —

53
Share: